﻿@media screen and (min-width: 1200px) {
	* {
		margin: 0;
		padding: 0;
		list-style: none;
		box-sizing: border-box;
		text-decoration: none;
		font: 14px sf-pro-text_regular, Montserrat, Microsoft Yahei;
	}

	html {
		width: 100%;
		font-size: inherit !important;
	}

	body {
		background: #f6f6f6;
		background-repeat: repeat;
		background-attachment: scroll;
		background-clip: border-box;
		background-origin: padding-box;
		background-position-x: 0;
		background-position-y: 0;
		background-size: auto auto;
		overflow-x: hidden;
		border-top: 1px solid transparent;
		width: 100%;
		/* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	body::-webkit-scrollbar {
		width: 6px;
		height: 6px;
		background-color: #f1f1ef;
	}

	body::-webkit-scrollbar-track {
		background-color: #f1f1ef;
	}

	body::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: #1890ff;
		background-color: var(--color);
	}

	img {
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		border: 0;
	}

	img:hover {
		opacity: 0.9;
	}

	::-moz-selection {
		background: #9c0;
		color: #fff;
	}

	::selection {
		background: #9c0;
		color: #fff;
	}

	::-webkit-selection {
		background: #9c0;
		color: #fff;
	}

	::-moz-selection {
		background: #9c0;
		color: #fff;
	}

	/*swiper轮播start*/

	.swiper-container,
	.swiper-wrapper {
		width: 100%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.swiper-button-next,
	.swiper-button-prev {
		opacity: 0;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	#js_banner:hover .swiper-button-next,
	#js_banner:hover .swiper-button-prev {
		opacity: 1;
	}

	/* swiper轮播end */

	/* 轩枫轮播start */

	.mod-banner {
		position: relative;
		width: 100%;
		/*max-height: 300px;*/
		margin-top: 10px;
		background: transparent;
		border-bottom: 1px solid #fff;
	}

	.mod-banner__img {
		display: block;
		position: relative;
		width: 100%;
		max-width: 1200px;
		height: 300px;
		margin: 0 auto;
		cursor: pointer;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.mod-banner__img li {
		display: none;
		margin: 0 auto;
		text-align: center;
	}

	.mod-banner__img li img {
		width: 100%;
	}

	.mod-banner__img li.current {
		display: block;
	}

	.mod-banner__navi {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 30px;
		z-index: 99;
	}

	.mod-banner__navi .mod-banner_nav {
		max-width: 180px;
		height: 20px;
		text-align: center;
		margin: 5px auto 0;
	}

	.mod-banner__navi .mod-banner_nav a {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		border-radius: 12px;
		border: 2px solid #fff;
		background: #fff;
		background: transparent;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.mod-banner__navi .mod-banner_nav a:hover {
		border: 2px solid #39c;
		background: #39c;
	}

	.mod-banner__navi .mod-banner_nav .mod-banner__current {
		width: 24px;
		background: #39c;
		border: solid 2px #39c;
	}

	.mod-banner__navi .mod-banner__nav-dot {
		position: absolute;
		top: 10px;
		right: 10%;
		width: 12px;
		height: 12px;
		overflow: hidden;
	}

	.mod-banner__tool span {
		position: absolute;
		top: 50%;
		display: block;
		width: 56px;
		height: 56px;
		margin-top: -35px;
		text-indent: -9999px !important;
		cursor: pointer;
		background-repeat: no-repeat;
		-webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		border-radius: 1px;
	}

	.mod-banner__tool > span {
		margin-top: 0;
		-webkit-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
	}

	.mod-banner__tool .mod-banner__tool-prev {
		left: 0;
		top: 50%;
		margin-top: -25px;
		background-color: #27cfc3;
		background-image: url(../images/xfg.png);
		background-position: -328px -18px;
		z-index: 2;
		width: 56px;
		height: 56px;
	}

	.mod-banner__tool .mod-banner__tool-prev .mod-banner__tool-white {
		background-image: url(../images/xfg.png);
		background-position: -268px -18px;
		width: 56px;
		height: 56px;
	}

	.mod-banner__tool .mod-banner__tool-prev:hover .mod-banner__tool-white {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.mod-banner__tool .mod-banner__tool-prev .mod-banner__tool-shadow {
		background-image: url(../images/xfg.png);
		background-position: -113px -132px;
		width: 56px;
		height: 10px;
	}

	.mod-banner__tool .mod-banner__tool-next {
		right: 0;
		top: 50%;
		margin-top: -25px;
		background-color: #27cfc3;
		background-image: url(../images/xfg.png);
		background-position: -148px -18px;
		z-index: 2;
		width: 56px;
		height: 56px;
	}

	.mod-banner__tool .mod-banner__tool-next .mod-banner__tool-white {
		background-image: url(../images/xfg.png);
		background-position: -208px -18px;
		width: 56px;
		height: 56px;
	}

	.mod-banner__tool .mod-banner__tool-next:hover .mod-banner__tool-white {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.mod-banner__tool .mod-banner__tool-next .mod-banner__tool-shadow {
		background-image: url(../images/xfg.png);
		background-position: -53px -132px;
		width: 56px;
		height: 10px;
	}

	.mod-banner__tool .mod-banner__tool-white {
		position: absolute;
		top: 35px;
		right: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.mod-banner__tool .mod-banner__tool-shadow {
		display: block;
		position: absolute;
		top: 91px;
		right: 0;
		height: 10px;
		width: 56px;
	}

	/* 轩枫轮播end */

	@-webkit-keyframes leftIn {
		0%,
		60%,
		75%,
		90%,
		to {
			-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}

		0% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		60% {
			-webkit-transform: translateY(28px);
			transform: translateY(28px, 0, 0);
		}

		75% {
			-webkit-transform: translateY(3px);
			transform: translateY(3px, 0, 0);
		}

		90% {
			-webkit-transform: translateY(18px);
			transform: translateY(18px, 0, 0);
		}

		to {
			-webkit-transform: translateY(0px);
			transform: translateY(0px, 0, 0);
		}
	}

	@keyframes leftIn {
		0%,
		60%,
		75%,
		90%,
		to {
			-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}

		0% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		60% {
			-webkit-transform: translateY(28px);
			transform: translateY(28px, 0, 0);
		}

		75% {
			-webkit-transform: translateY(3px);
			transform: translateY(3px, 0, 0);
		}

		90% {
			-webkit-transform: translateY(18px);
			transform: translateY(18px, 0, 0);
		}

		to {
			-webkit-transform: translateY(0px);
			transform: translateY(0px, 0, 0);
		}
	}

	#js_banner {
		width: 100%;
		height: 300px;
		margin: 78px auto 0px;
		z-index: 10;
	}

	#js_banner + .continar {
		margin-top: 10px;
	}

	#mobil {
		display: none !important;
	}

	.header {
		width: 100%;
		height: 64px;
		will-change: height;
		position: fixed;
		top: 0;
		left: 0;
		margin-bottom: 20px;
		opacity: 1;
		z-index: 10;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		/* background: #fff; */
		/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d4d7db');
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#d4d7db));
    background: -moz-linear-gradient(top,#fff,#d4d7db); */
		-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.08);
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.08);
	}

	@keyframes speed_bar_animation {
		0% {
			width: 0%;
		}

		100% {
			width: 80%;
		}
	}
	@keyframes speed_bar_animation_complete {
		0% {
			width: 80%;
		}

		100% {
			width: 100%;
		}
	}

	header .speed_bar{
		width:0%;
		height:2px;
		background:url(../images/header_bj.gif); 
		overflow: hidden;
		animation: speed_bar_animation 2s ease-in;
		animation-fill-mode: forwards;
	}

	header.hover .header {
		z-index: 12;
	}
	.header-body {
		height: 100%;
		border-top: 1px solid #fff;
		box-sizing: border-box;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d7db');
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d4d7db));
		background: -moz-linear-gradient(top, #fff, #d4d7db);
		background: linear-gradient(#fff, #d4d7db);
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	}

	.site-search.active {
		position: absolute;
		top: 74px;
		left: 0;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.95);
		display: none;
		transition: all 0.3s;
	}

	.container {
		position: relative;
		margin: 0 auto;
		max-width: 1200px;
		padding: 0;
	}

	.site-search-form {
		padding: 25px 20%;
		overflow: hidden;
	}

	.search-input {
		float: left;
		color: #606266;
		border: 1px solid #dcdfe6;
		width: 93%;
		height: 40px;
		line-height: 40px;
		padding: 5px 12px;
		border-right: none;
		border-radius: 4px 0 0 4px;
		outline: 0;
		margin: 15px 0;
	}

	.search-btn .iconfont {
		font-size: 16px;
		width: 16px;
		color: #fff;
	}

	.fa-search:before {
		content: '\f002';
	}

	.search-btn {
		border: none;
		background: #1890ff;
		background: var(--color);
		border-radius: 0 4px 4px 0;
		width: 7%;
		cursor: pointer;
		height: 40px;
		line-height: 40px;
		margin: 15px 0;
	}

	.header.hover {
		z-index: 1000;
		height: 48px;
		opacity: 1;
		z-index: 100 !important;
		background: rgba(255, 255, 255, 0.9);
		-webkit-box-shadow: 0 0 10px #ccc;
		box-shadow: 0 0 10px #ccc;
	}

	.header.hover .site-search.active {
		top: 50px;
	}

	.header-conter {
		width: 1200px;
		height: 100%;
		margin: 0 auto;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.topbar {
		width: 100%;
		height: 100%;
	}

	.header-list {
		width: 1200px;
		height: 28px;
		line-height: 28px;
		color: #fff;
		margin: 0 auto;
	}

	.topbar ul {
		width: 362px;
		height: 100%;
		float: right;
		font-size: 0;
		text-align: right;
		overflow: hidden;
	}

	.topbar ul li {
		padding: 0 12px;
		color: #fff;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		display: inline-block;
	}

	.topbar ul.last-ul li:not(.github):hover {
		background: #de4c5f;
	}

	.topbar ul li.github {
		width: 40px;
		height: 100%;
		padding: 0;
	}

	.topbar ul li.github a {
		width: 100%;
		height: 28px;
		text-align: center;
	}

	.topbar ul li.github a i.iconfont {
		color: #fff;
		font-size: 18px;
		line-height: 28px;
		margin-top: -2px;
		display: block;
	}

	.topbar ul li a {
		display: block;
		color: #fff;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		font-size: 12px;
		height: 100%;
		line-height: 28px;
	}

	.topbar ul li font {
		color: #fff;
	}

	#username a font font {
		color: #fff;
	}

	.topbar ul.last-ul li:nth-child(1) {
		margin-right: 20px;
	}

	.topbar ul.last-ul li:nth-child(2) {
		background-color: #de4c5f;
		padding: 0 10px;
	}

	#username {
		float: left;
	}

	#username a {
		display: none;
		float: left;
		padding: 0 10px;
		color: #fff;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		font-size: 12px;
		height: 28px;
		line-height: 28px;
	}

	#username a i {
		padding: 0 3px;
		color: #fff;
		font-size: 14px;
	}

	.header .nav ul li a span i {
		margin-left: 3px;
	}

	.header .nav ul li a span i:nth-of-type(1) {
		font-size: 14px;
	}

	.nav {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		display: flex;
		/* justify-content: space-around; */
		justify-content: space-between;
	}

	.brand {
		float: left;
		margin: 15px 0 0 150px;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		float: left\9;
	}

	header.hover .brand {
		margin: 7px 0 0 150px;
	}

	.brand::before {
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		content: '';
		border-left: 1px solid #bbb;
		height: 30px;
		float: left;
	}

	.brand p {
		line-height: 16px;
		padding-left: 15px;
		font-size: 14px;
		color: #999;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}

	.brand p:hover {
		color: #666;
	}

	.nav ul {
		float: right;
		height: 100%;
	}

	.nav ul .sub-menu {
		position: absolute;
		perspective: 400px;
	}

	.nav ul .sub-menu li {
		float: none;
		overflow: hidden;
		background: #d4d7db;
		opacity: 0;
		transform: rotateY(90deg);
		transition: opacity 0.4s, transform 0.5s;
		padding: 0;
		pointer-events: none;
	}
	.nav ul li.active .sub-menu li {
		pointer-events: auto;
	}
	header.hover .nav ul .sub-menu li {
		padding: 0;
	}
	.nav ul .sub-menu li:last-of-type a {
		border: 0;
	}

	.nav ul .sub-menu li a {
		height: 40px;
		line-height: 40px;
	}

	.nav ul.music-nav {
		margin-right: 70px;
	}

	.nav ul.music-nav > li > a {
		font-size: 16px;
	}

	.nav ul li {
		float: left;
		height: 100%;
		line-height: 32px;
		/* perspective:100px; 
  -ms-perspective:100px;  */
		position: relative;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		padding: 15px 0px;
	}

	header.hover .nav ul li {
		padding: 7px 0;
	}

	.nav ul li.front a,
	.nav ul li.works a {
		cursor: default;
	}

	.nav ul li img {
		position: absolute;
		top: -8px;
		right: 0;
	}

	.nav ul li > p {
		width: 100%;
		height: 3px;
		position: absolute;
		bottom: -0;
		left: 0;
		background: #1890ff;
		background: var(--color);
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.nav ul li > a {
		float: left;
		width: 100%;
		padding: 0 10px;
		position: relative;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		transform-style: flat\9;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transform-origin: center center -14px;
		-ms-transform-origin: center center -14px;
		transform-origin: center center -14px;
		height: 32px;
		line-height: 32px;
		z-index: 2;
	}

	.nav ul li audio {
		display: none;
	}

	.nav ul li a span {
		text-align: center;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		font-size: 16px;
		display: block;
		height: 32px;
		line-height: 32px;
		color: #666;
		float: left;
	}

	.nav ul.music-nav li:nth-of-type(1) p {
		background: #b9d329;
	}

	.nav ul.music-nav li:nth-of-type(2) p {
		background: #c0ebf7;
	}

	.nav ul.music-nav li:nth-of-type(3) p {
		background: #b9d329;
	}

	.nav ul.music-nav li:nth-of-type(4) p {
		background: #409eff;
	}

	.nav ul.music-nav li:nth-of-type(5) p {
		background: #79d9f3;
	}

	.nav ul.music-nav li:nth-of-type(6) p {
		background: #ffae5b;
	}

	.nav ul.music-nav li:nth-of-type(7) p {
		background: #acd180;
	}

	.nav ul.music-nav li:nth-of-type(8) p {
		background: #fab4cc;
	}

	.nav ul.music-nav li:nth-of-type(9) p {
		background: #6cf;
	}

	.nav ul.music-nav li > p {
		-webkit-transition: height 0.2s ease-in-out;
		-o-transition: height 0.2s ease-in-out;
		transition: height 0.2s ease-in-out;
		z-index: 0;
		opacity: 0;
		display: block !important;
		pointer-events: none;
	}

	.nav ul.music-nav li.on > p {
		opacity: 1;
	}

	.nav ul.music-nav li:hover p,
	.nav ul.music-nav li.active p {
		height: 64px;
		border-radius: 0;
	}

	.header.hover .nav ul.music-nav li:hover p,
	.header.hover .nav ul.music-nav li.active p {
		height: 48px;
	}

	.nav ul li.on:hover a span,
	.nav ul li.on:hover a span i,
	header .nav ul li.keyboard_color > a span,
	header .nav ul li.keyboard_color > a span i {
		color: #fff;
	}

	.nav ul.music-nav li.active .iconfont{
		display: inline-block;
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 
		-moz-transform:rotate(180deg); 	
		-webkit-transform:rotate(180deg); 
		-o-transform:rotate(180deg); 
	}
	.nav ul li.off:hover a span {
		color: #1890ff;
		color: var(--color);
	}

	.nav ul.music-nav li:hover a {
		-webkit-transform: rotateX(-89.99deg);
		-ms-transform: rotateX(-89.99deg);
		transform: rotateX(-89.99deg);
		transform: rotateX(0deg) \9;
		margin-top: 2px;
		margin-top: 0px\9;
	}

	.nav ul li a span:nth-of-type(2) {
		position: absolute;
		left: 10px;
		top: -22px;
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
		-ms-transform-origin: bottom;
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
		-ms-transform: rotateX(90deg);
	}

	.nav ul li.action > a span,
	#nav_list li.current-category-ancestor > a span,
	#nav_list li.current-menu-ancestorm > a span,
	header li.current-menu-parent > a span,
	#nav_list li.current-menu-parent > a span i,
	#nav_list li.current-category-parentt > a span,
	#nav_list li.current-menu-item a {
		color: #1890ff;
		color: var(--color);
	}

	.nav ul li.action i,
	.nav ul li.current-category-ancestor i {
		color: #1890ff;
		color: var(--color);
	}

	.nav ul.music-nav li {
		cursor: pointer;
		z-index: 13;
	}

	.nav ul li:hover a span {
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		color: #1890ff;
		color: var(--color);
	}

	.nav ul li:hover a span i {
		line-height: 30px;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		transform: rotateX(180deg);
		color: #1890ff;
		color: var(--color);
	}

	.nav {
		position: relative;
	}

	.nav .nav-min {
		position: absolute;
		width: 100px;
		height: auto;
		max-height: 0;
		left: calc(50% - 50px);
		top: 63px;
		z-index: 13;
	}

	.nav ul.music-nav li:hover .sub-menu li,
	.nav ul.music-nav li:focus .sub-menu li {
		opacity: 1;
		transform: none;
	}

	.nav .nav-min a.action {
		color: #1890ff;
		color: var(--color);
	}

	/* .nav .nav-min::before {
    content: '';
    height: 0;
    width: 0;
    border: 7px solid transparent;
    position: absolute;
    top: -16px;
    left: 30px;
    border-bottom-color: #1890ff;
  } */

	/*跳动的音符start*/

	.mod-header_music-icon {
		position: absolute !important;
		right: 35px;
		top: 15px;
		width: 30px;
		height: 30px !important;
		cursor: pointer;
	}

	header.hover .mod-header_music-icon {
		top: 7px;
	}
	header.hover .navto-search {
		top: 12px;
	}
	.mod-header_music-icon i:nth-of-type(1) {
		left: 0;
		display: none;
	}

	.mod-header_music-icon i {
		width: 2px;
		height: 15px;
		position: absolute;
		bottom: 8px;
		background-color: #666;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	i {
		font-style: normal;
	}

	.mod-header_music-icon i:nth-of-type(2) {
		left: 6px;
		-webkit-transform: rotate(22.5deg);
		-ms-transform: rotate(22.5deg);
		transform: rotate(22.5deg);
	}

	.mod-header_music-icon i:nth-of-type(3) {
		left: 12px;
		-webkit-transform: rotate(-22.5deg);
		-ms-transform: rotate(-22.5deg);
		transform: rotate(-22.5deg);
	}

	.mod-header_music-icon i:nth-of-type(4) {
		left: 18px;
		-webkit-transform: rotate(22.5deg);
		-ms-transform: rotate(22.5deg);
		transform: rotate(22.5deg);
	}

	.mod-header_music-icon i:nth-of-type(5) {
		left: 24px;
		-webkit-transform: rotate(-22.5deg);
		-ms-transform: rotate(-22.5deg);
		transform: rotate(-22.5deg);
	}

	.mod-header_music-icon.hover:not(.close) i:nth-of-type(1) {
		-webkit-animation: piano_wave 0.66s linear infinite;
		animation: piano_wave 0.66s linear infinite;
	}

	.mod-header_music-icon.hover:not(.close) i {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		background-color: #333;
	}

	.mod-header_music-icon.hover:not(.close) i:nth-of-type(2) {
		-webkit-animation: piano_wave 0.8s linear infinite;
		animation: piano_wave 0.8s linear infinite;
	}

	.mod-header_music-icon.hover:not(.close) i:nth-of-type(3) {
		-webkit-animation: piano_wave 0.7s linear infinite;
		animation: piano_wave 0.7s linear infinite;
	}

	.mod-header_music-icon.hover:not(.close) i:nth-of-type(4) {
		-webkit-animation: piano_wave 0.5s linear infinite;
		animation: piano_wave 0.5s linear infinite;
	}

	.mod-header_music-icon.hover:not(.close) i:nth-of-type(5) {
		-webkit-animation: piano_wave 0.9s linear infinite;
		animation: piano_wave 0.9s linear infinite;
	}

	@-webkit-keyframes piano_wave {
		0% {
			height: 4px;
		}

		50% {
			height: 18px;
		}

		to {
			height: 10px;
		}
	}

	@keyframes piano_wave {
		0% {
			height: 4px;
		}

		50% {
			height: 18px;
		}

		to {
			height: 10px;
		}
	}

	/*跳动的音符end*/

	.header.hover .nav .nav-min {
		top: 47px;
	}

	.header .nav-min a {
		line-height: 32px;
		display: block;
		text-align: center;
		font-size: 13px;
		border-bottom: 1px solid #eee;
		color: #444;
		transform: rotateX(0deg) !important;
		margin-top: 0 !important;
	}

	.header .nav-min > a:last-child {
		border: 0;
	}

	.header .nav-min a:hover {
		background: #ddd;
		color: var(--color);
		-webkit-transition: all 0.1s;
		-o-transition: all 0.1s;
		transition: all 0.1s;
	}

	.nav ul li span a i {
		display: inline-block;
		margin-left: 3px;
	}

	.navto-search {
		position: absolute;
		right: 0px;
		top: 19px;
		transition: top .25s;
	}

	.navto-search a {
		display: block;
		padding: 2px 0px 1px 0px;
		color: #666;
	}

	.navto-search .icon-guanbi3 {
		font-weight: bold;
	}

	@keyframes Top {
		0% {
			-webkit-transform: translateY(-108px);
			transform: translateY(-108px);
		}

		80% {
			-webkit-transform: translateY(30px);
			transform: translateY(30px);
		}

		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}

	@-webkit-keyframes Top {
		0% {
			-webkit-transform: translateY(-108px);
		}

		80% {
			-webkit-transform: translateY(30px);
		}

		100% {
			-webkit-transform: translateY(0);
		}
	}

	@keyframes move {
		0% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		100% {
			-webkit-transform: translateY(-8px);
			transform: translateY(-8px);
		}
	}

	@-webkit-keyframes move {
		0% {
			-webkit-transform: translateY(0);
		}

		100% {
			-webkit-transform: translateY(-8px);
		}
	}

	@keyframes playLeft {
		0% {
			-webkit-transform: translateX(-890px);
			transform: translateX(-890px);
			opacity: 0;
		}

		50% {
			opacity: 1;
		}

		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
			opacity: 1;
		}
	}

	@-webkit-keyframes playLeft {
		0% {
			-webkit-transform: translateX(-890px);
			opacity: 0;
		}

		50% {
			opacity: 1;
		}

		100% {
			-webkit-transform: translateX(0);
			opacity: 1;
		}
	}

	@keyframes playRight {
		0% {
			-webkit-transform: translateX(435px);
			transform: translateX(435px);
			opacity: 0;
		}

		50% {
			opacity: 1;
		}

		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
			opacity: 1;
		}
	}

	@-webkit-keyframes playRight {
		0% {
			-webkit-transform: translateX(435px);
			opacity: 0;
		}

		50% {
			opacity: 1;
		}

		100% {
			-webkit-transform: translateX(0);
			opacity: 1;
		}
	}

	@-webkit-keyframes Footer {
		0% {
			-webkit-transform: translateY(125px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateY(0);
			opacity: 1;
		}
	}

	@keyframes Footer {
		0% {
			-webkit-transform: translateY(125px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateY(0);
			opacity: 1;
		}
	}

	@-webkit-keyframes bar {
		0% {
			-webkit-transform: translateY(-12px);
		}

		100% {
			-webkit-transform: translateY(0);
		}
	}

	@keyframes bar {
		0% {
			-webkit-transform: translateY(-12px);
		}

		100% {
			-webkit-transform: translateY(0);
		}
	}

	@-webkit-keyframes bar1 {
		0% {
			-webkit-transform: rotate(0);
		}

		100% {
			-webkit-transform: rotate(-360deg);
		}
	}

	@keyframes bar1 {
		0% {
			-webkit-transform: rotate(0);
		}

		100% {
			-webkit-transform: rotate(-360deg);
		}
	}

	#Logo {
		width: 135px;
		height: 60px;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		display: block;
		position: absolute;
		left: 0;
		top: -0;
		overflow: hidden;
	}

	#Logo > img {
		width: 100%;
		margin-top: 7px;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	header.hover #Logo > img {
		margin-top: 0;
	}
	@-webkit-keyframes searchLights {
		0% {
			left: -100px;
			top: 0;
		}

		to {
			left: 120px;
			top: 100px;
		}
	}

	@keyframes searchLights {
		0% {
			left: -100px;
			top: 0;
		}

		to {
			left: 120px;
			top: 100px;
		}
	}

	.nav span.logo {
		overflow: hidden;
		float: left;
		width: 45px;
		height: 100%;
		display: block;
		background: url('../images/xfg.png') no-repeat 10px 1px;
		background-position: -10px -2px;
		background-size: 350px 175px;
	}

	.aircraft {
		position: fixed;
		bottom: 50px;
		right: 25px;
		width: 38px;
		height: 64px;
		font-size: 40px;
		display: none;
		z-index: 1000;
	}

	.aircraft font {
		font-size: 40px;
		line-height: 64px;
		text-align: center;
		color: #1890ff;
		color: var(--color);
	}

	.aircraft:hover {
		cursor: pointer;
	}

	/* 主题内容区域start */
	.continar {
		width: 1200px;
		margin: 86px auto 25px;
		min-height: calc(100% - 247px);
		overflow: hidden;
	}

	.continar .search_404 {
		max-width: 650px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
	}

	.continar .continar-left {
		width: 850px;
		float: left;
	}

	.continar .single {
		padding: 15px;
		margin-top: 50px;
		border-radius: 4px;
		background: #fff;
	}

	.continar .continar-left-top {
		width: 100%;
		padding: 15px 20px;
		overflow: hidden;
		background-color: #fff;
		border-radius: 4px 4px 0 0;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		border-bottom: 0;
	}

	.continar .continar-left-top:empty {
		display: none;
	}

	.continar .continar-left-top h1 {
		font-size: 18px;
		line-height: 24px;
		margin-top: 0;
		margin: 0 0 15px;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		-webkit-box-reflect: below -3px -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(transparent),
				color-stop(10%, transparent),
				to(hsla(0, 0%, 100%, 0.2))
			);
	}

	.continar .continar-left-top h1 a {
		font-size: 18px;
		color: #1890ff;
		color: var(--color);
	}

	.continar .continar-left-top h1 a:hover {
		color: #1890ff;
		color: var(--color);
	}

	.continar .continar-left-top h1 a img {
		max-width: 100%;
		height: auto;
		vertical-align: baseline;
		border: 0;
	}

	.continar .continar-left-top h1 span {
		margin-left: -8px;
		color: #1890ff;
		color: var(--color);
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		font-size: 20px;
	}

	.continar .continar-left-top p {
		color: #666;
		line-height: 25px;
		margin: 0;
		text-indent: 2em;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		-moz-line-clamp: 2;
		box-orient: vertical;
		overflow: hidden;
		width: 100%;
	}

	.continar .continar-left-top > span {
		display: block;
		text-indent: 2em;
		height: 50px;
		overflow: hidden;
		line-height: 25px;
		color: #666;
		font-size: 14px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.continar .inner-box {
		background: #fff;
		padding: 15px 20px;
		margin-bottom: 10px;
		border-top: 1px solid #eaeaea;
		border-radius: 0 0 4px 4px;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		border-bottom: 0;
	}

	.continar .rssbook {
		text-align: center;
	}

	.continar .rssbook p {
		color: #777;
		font-size: 12px;
		vertical-align: top;
	}

	.continar .rssbook > p {
		margin: 10px auto;
	}

	.continar .rssbook > p:empty {
		display: none;
	}

	.continar p.wpm_thankyou {
		color: #ed145b;
	}

	.rssbook h3 {
		font-size: 16px;
	}

	.rssbook p {
		font-size: 12px;
		margin: 0 auto;
		line-height: 24px;
	}

	.rssbook form {
		margin: 0 auto 1px;
		display: block;
	}

	.wpm_form .wpm_email,
	.wpm_form .wpm_submit {
		display: inline-block;
	}

	.wpm_form .wpm_email input {
		width: 215px;
		padding: 10px;
		border-radius: 3px 0 0 3px;
		background: #fff;
		border: 1px solid #d9d9d9;
		border-right: 0;
		outline: 0;
		height: 34px;
		float: left;
	}

	.wpm_form .wpm_submit input {
		background: #1890ff;
		background: var(--color);
		color: #fff;
		padding: 7px 15px 8px;
		border: none;
		border-radius: 0 3px 3px 0;
		cursor: pointer;
		height: 34px;
	}

	.wpm_form .wpm_email input:focus {
		border-color: #40a9ff;
		border-right-width: 1px !important;
		outline: 0;
		-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
		box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
	}

	.wpm_form .wpm_email input::-webkit-input-placeholder {
		color: #bfbfbf;
	}

	.wpm_form .wpm_email input::-moz-input-placeholder {
		color: #bfbfbf;
	}

	.wpm_form .wpm_email input::-ms-input-placeholder {
		color: #bfbfbf;
	}

	.continar-left > .text {
		background: #fff;
		height: 173px;
		padding: 15px;
		margin-bottom: 10px;
		border-radius: 4px;
		position: relative;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		border-bottom: 1px solid transparent;
		-webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
		position: relative;
	}

	.continar-left > article.text:last-of-type{
		margin-bottom: 0;
	}

	.text .mod-category__article-time {
		position: absolute;
		top: 25px;
		left: 25px;
		width: 67px;
		height: 58px;
		z-index: 10;
		background: rgba(0, 0, 0, 0.3);
	}

	.text .mod-category__article-time span {
		font-size: 10px;
		width: 100%;
		line-height: 22px;
		color: #fff;
		text-align: center;
		display: inline-block;
	}

	.text .mod-category__article-time span:nth-of-type(1) {
		font-size: 20px;
		padding: 5px 0 8px;
	}

	.text .mod-category__article-time:after {
		content: '';
		position: absolute;
		top: 32px;
		left: 9px;
		width: 48px;
		border-bottom: 2px solid #fff;
	}

	.continar-left > .text:after {
		content: '';
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 0;
		height: 1px;
		background: #1890ff;
		background: var(--color);
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}

	.continar-left > .text:hover,
	.continar-left > .text:hover:after {
		width: 100%;
	}

	.text img {
		width: 220px;
		border: 0;
		float: left;
		max-width: 100%;
		transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
	}

	.text .img-left img:hover {
		-webkit-transform: scale(1.1) translate(-45%,-45%);
		-ms-transform: scale(1.1) translate(-45%,-45%);
		transform: scale(1.1) translate(-45%,-45%);
	}

	.text .text_right {
		float: right;
		width: calc(100% - 235px);
	}

	.text_right h2 span:nth-child(1) {
		color: #fff;
		background: #1890ff;
		background: var(--color);
		font-size: 12px;
		display: inline-block;
		position: relative;
		margin-right: 6px;
		border-radius: 2px;
		padding: 0px 6px 3px;
		top: -4px;
	}

	.text_right h2 span:nth-child(1) i {
		position: absolute;
		top: 50%;
		margin-top: -6px;
		right: -7px;
		display: inline-block;
		width: 0;
		height: 0;
		vertical-align: middle;
		border-left: 10px solid #1890ff;
		border-left: 10px solid var(--color);
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}

	.text_right h2 span:nth-child(1) a {
		color: #fff;
		font-size: 12px;
	}

	.text h2 {
		margin-bottom: 5px;
		padding-top: 2px;
		overflow: hidden;
		-webkit-line-clamp: 2;
		word-break: break-all;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
	}

	.text h2 a {
		font-size: 18px;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		color: #333;
	}

	.text h2 a:hover {
		color: #1890ff;
		color: var(--color);
	}

	.con_info {
		background: #f6f6f6;
		padding: 10px 15px;
		border-radius: 4px;
	}

	.text em {
		position: absolute;
		right: 15px;
		top: 20px;
		font-style: normal;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		background: #1890ff;
		background: var(--color);
		color: #fff;
		opacity: 0.8;
		display: block;
		border-radius: 2px;
	}

	.text em a {
		display: block;
		height: 100%;
		text-align: center;
		color: #fff;
		padding: 0px 7px;
		font-size: 12px;
	}

	.text em:hover a {
		background: #5e5e5e;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
	}

	.text em:hover:after {
		border-left: 8px solid #5e5e5e;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
	}

	.text em:after {
		content: '';
		position: absolute;
		z-index: -1;
		left: 50%;
		margin-left: -2px;
		top: 8px;
		border: 8px dashed transparent;
		border-left: 8px solid #1890ff;
		border-left: 8px solid var(--color);
		border-right-width: 0;
	}

	.text h2 + img {
		display: none !important;
	}

	.space,
	.sep,
	.space {
		padding: 0 10px;
		font-style: normal;
	}

	.text h3 {
		line-height: 24px;
		height: 48px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		-moz-line-clamp: 2;
		box-orient: vertical;
		overflow: hidden;
		width: 100%;
		margin-top: 16px;
	}

	.read-more {
		color: #777;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		text-align: center;
		padding: 0 12px;
		line-height: 24px;
		font-size: 12px;
		position: absolute;
		bottom: 11px;
		right: 0;
		font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB',
			'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
	}

	.text_right .read_url {
		right: 15px;
		padding: 0;
	}

	.img-left .read-more {
		height: 100%;
		width: 100%;
		padding: 0;
		top: 0;
		bottom: auto;
		position: absolute;
	}

	.img-left .read-more img {
		height: auto;
		width: auto;
		position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	}

	.read-more i {
		font-size: 12px;
		padding-left: 3px;
		color: #aaa;
	}

	.read-more:hover,
	.read-more:hover i {
		color: #666;
	}

	.read-more a {
		position: relative;
	}

	.continar-right {
		width: 340px;
		float: right;
	}

	.continar-right .aside {
		background: #fff;
		margin-bottom: 10px;
		border-radius: 4px;
		padding: 0 15px 10px 15px;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		border-bottom: 0;
	}

	.continar-right .aside h3 {
		font-size: 15px;
		color: #fff;
		margin: -1px 0 0 0;
		display: inline-block;
		padding: 4px 15px;
		font-size: 14px;
		background: #1890ff;
		background: var(--color);
	}

	.continar-right p.clearfix {
		margin: 10px 0 0;
		line-height: 24px;
		text-align: justify;
		text-align-last: left;
	}

	.continar-right p.clearfix a {
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		color: #1890ff;
		color: var(--color);
	}

	.continar-right p.clearfix a:hover {
		color: #1890ff;
		color: var(--color);
	}

	.widget {
		background: #fff;
		margin-bottom: 10px;
		border-radius: 4px;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		border-bottom: 0;
	}

	.Label .daily-list {
		padding: 5px 10px 10px 10px;
	}

	.Label .daily-list > a {
		padding: 5px 9px;
	}

	.daily-list {
		font-size: 15px;
		color: #666;
		margin-bottom: 10px;
	}

	.daily-list > p {
		line-height: 27px;
		padding: 0px 15px 8px 15px;
		text-align: justify;
		text-align-last: left;
	}

	.daily-list > p:last-child {
		padding-left: 15px;
	}

	.daily-list > p a {
		color: #1890ff;
		color: var(--color);
	}

	.widget-title {
		margin-bottom: 8px;
		border-bottom: 1px solid #f1f1ef;
		position: relative;
	}

	.widget-title:after {
		content: '';
		display: block;
		width: 100px;
		height: 2px;
		background: #1890ff;
		background: var(--color);
		left: 0;
		bottom: -1px;
	}

	.widget-title a {
		font-size: 15px;
		color: #5e5e5e;
		position: relative;
		line-height: 40px;
		cursor: default;
	}

	.widget-title a:hover {
		text-decoration: none;
	}

	.daily-list ul {
		padding: 2px 15px;
		overflow: hidden;
	}

	.widget-title a i {
		float: left;
		padding: 0 5px 0 14px;
		height: 40px;
		font-size: 18px;
		line-height: 40px;
		border-radius: 2px 0 0;
		text-indent: 0;
	}

	.widget ul li {
		line-height: 30px;
		margin-bottom: 4px;
		word-break: break-all;
		position: relative;
		float: left;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		width: 100%;
		border-bottom: 1px dashed #e9eaed;
	}

	.widget ul li:last-of-type {
		border-bottom: none;
	}

	.friendship .daily-list ul {
		padding: 0 15px 4px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.friendship .daily-list ul li {
		line-height: 26px;
		height: 27px;
		margin: 0 4px 10px 0;
		padding: 5px;
		text-align: center;
		border-radius: 5px;
		animation-delay: 0.1s;
		float: left;
		margin-bottom: 8px;
		padding: 0px 6px;
		width: auto;
		border-bottom: 0;
	}

	.friendship .daily-list ul li img{
		display: none;
	}

	.friendship .daily-list ul li a {
		margin-left: 0;
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 100%;
		color: #fff;
		font-size: 12px;
	}

	.friendship .daily-list ul li a:hover {
		text-decoration: none;
	}

	.friendship .daily-list ul li i.iconfont {
		display: none;
	}

	.daily-title {
		position: relative;
		padding-left: 12px;
		display: block;
		font-size: 12px;
		line-height: 18px;
	}

	.daily-title:before {
		content: '';
		display: block;
		position: absolute;
		left: -3px;
		top: 4px;
		width: 4px;
		height: 4px;
		border: 2px solid #ccc;
		border-radius: 100%;
	}

	.daily-desc {
		border-left: 2px solid #ccc;
		padding: 5px 0 0 10px;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 10px;
		height: 45px;
		overflow: hidden;
	}

	.widget ul li:hover h3,
	.widget ul li:hover span {
		color: #1890ff;
		color: var(--color);
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
	}

	.widget ul li:hover span.daily-title:before {
		background: #1890ff;
		background: var(--color);
		border: 2px solid #1890ff;
		border: 2px solid var(--color);
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
	}

	div.com-art ul li {
		font-size: 13px;
		height: 30px;
		line-height: 30px;
		width: 95%;
		overflow: hidden;
	}

	.widget ul li em {
		background: #ccc;
		color: #fff;
		border-radius: 3px;
		line-height: 18px;
		width: 20px;
		height: 20px;
		font-style: italic;
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 0;
		text-align: center;
		font-size: 15px;
		font-family: 'georgia', 'STHeiti', 'Microsoft YaHei', 'simsun', 'sans-serif', Arial;
	}

	.widget ul li a {
		margin-left: 30px;
		display: block;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		height: 30px;
		line-height: 30px;
		position: relative;
		overflow: hidden;
	}

	.widget ul li a span {
		height: 30px;
		line-height: 30px;
	}

	.friendship ul li a {
		margin-left: 25px;
	}

	.widget ul li:nth-child(1) em {
		background: #fd8c84;
	}

	.widget ul li:nth-child(2) em {
		background: #7fd75a;
	}

	.widget ul li:nth-child(3) em {
		background: #409eff;
	}

	.classif {
		clear: both;
		position: relative;
		margin-bottom: 10px;
		background-color: #fff;
		border-radius: 4px;
		overflow: hidden;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
		border-bottom: 0;
	}

	.items {
		overflow: hidden;
		padding: 5px 15px 12px 15px;
	}

	.items a:nth-of-type(3n-1) {
		margin: 0 4px 4px;
	}

	.items a {
		color: #999;
		background-color: #f6f6f6;
		float: left;
		width: 100px;
		margin-bottom: 4px;
		padding: 0 8px;
		font-size: 12px;
		height: 29px;
		line-height: 29px;
		overflow: hidden;
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
	}

	.items a:hover {
		color: #fff;
		background: #1890ff;
		background: var(--color);
	}

	.pagination {
		margin-bottom: 20px;
		padding: 20px;
		text-align: center;
		font-size: 12px;
		display: block;
	}

	.pagination ul {
		display: inline-block;
		margin-left: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.pagination ul > li {
		display: inline;
		font-size: 12px;
	}

	.pagination ul > li > a {
		margin: 0 2px;
		float: left;
		padding: 5px 12px;
		background-color: #ddd;
		color: #666;
		border-radius: 2px;
		opacity: 0.88;
	}

	.pagination ul > li > span {
		margin: 0 2px;
		float: left;
		padding: 5px 12px;
		background-color: #ddd;
		color: #666;
		border-radius: 2px;
		opacity: 0.88;
	}

	.pagination ul > li.active span {
		background-color: #61b3e6;
		color: #fff;
	}

	.footer {
		position: relative;
		z-index: 100;
		clear: both;
		padding: 20px 0;
		font-size: 12px;
		line-height: 12px;
		text-align: center;
		width: 100%;
		background: url(../images/footer_bg.jpg) center center repeat-x;
		position: relative;
	}

	.footer a {
		text-decoration: underline;
		-webkit-transition: 0.35s;
		-o-transition: 0.35s;
		transition: 0.35s;
		font-size: 12px;
	}

	.footer a:hover {
		color: #1890ff !important;
		color: var(--color) !important;
		text-decoration: underline;
	}
	.footer span {
		font-size: 12px;
	}
	.footer p {
		margin-bottom: 15px;
		font-size: 12px;
	}

	.container {
		position: relative;
		margin: 0 auto;
		max-width: 1200px;
		padding: 0;
	}

	.container a {
		font-size: 12px;
		color: #9b9ea0;
		-webkit-transition: 0.35s;
		-o-transition: 0.35s;
		transition: 0.35s;
	}

	.container a:hover,
	.container p a.highlight {
		color: #1890ff !important;
		color: var(--color) !important;
		text-decoration: underline;
	}

	.container p {
		font-size: 12px;
		color: #9b9ea0;
		margin-bottom: 15px;
	}

	.container p a:hover {
		text-decoration: underline;
	}

	.container p span {
		font-size: 12px;
	}

	.container p:nth-child(1) {
		color: #999;
	}

	.buffer {
		width: 100%;
		height: 100%;
		background: -webkit-gradient(linear, left top, left bottom, from(#4ad0f7), to(#4bd391));
		background: -webkit-linear-gradient(top, #4ad0f7 0%, #4bd391 100%);
		background: -o-linear-gradient(top, #4ad0f7 0%, #4bd391 100%);
		background: linear-gradient(180deg, #4ad0f7 0%, #4bd391 100%);
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 100;
		color: #fff;
		overflow: hidden;
		opacity: 1;
		overflow: hidden;
		display: none;
	}

	.bar {
		width: 90px;
		height: 90px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		animation: bar 0.18s linear infinite alternate;
		-webkit-animation: bar 0.18s linear infinite alternate;
		border-radius: 100%;
		text-align: center;
	}

	.bar span {
		width: 90px;
		height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		color: #ed145b;
		font-size: 18px;
	}

	.xz {
		width: 100%;
		height: 100%;
		border-radius: 100%;
		animation: bar1 0.45s 1s linear infinite;
		-webkit-animation: bar1 0.45s 1s linear infinite;
		background: url(../images/load_06.png) no-repeat center center;
		background-size: 90px 90px;
	}

	#primary-sidebar h3.rounded {
		padding: 10px 0 10px 17px;
		position: relative;
	}

	#primary-sidebar h3.rounded:before {
		content: '';
		width: 4px;
		height: 20px;
		background: #bbb;
		position: absolute;
		left: 16px;
		top: 11px;
	}

	#primary-sidebar #ds-recent-comments {
		padding: 0 15px 12px;
	}

	#primary-sidebar #ds-recent-comments li.ds-comment {
		border-top: none;
		border-bottom: 1px solid #ddd;
	}

	#primary-sidebar #ds-recent-comments li:last-child {
		border-bottom: 0;
	}

	#primary-sidebar #ds-recent-comments li.ds-comment div {
		line-height: 20px;
		font-size: 12px;
	}

	#primary-sidebar #ds-recent-comments li.ds-comment div a {
		font-size: 12px;
	}

	#primary-sidebar #ds-recent-comments li.ds-comment div a:hover {
		color: #efa0a0;
	}

	#ds-recent-visitors div.ds-avatar img {
		min-width: 50px;
		min-height: 50px;
		border: 1px solid #bbb;
		padding: 2px;
		border-radius: 50%;
		margin: 5px 0;
	}

	#ds-recent-comments .ds-avatar {
		position: absolute !important;
		top: 10px !important;
		left: 0 !important;
	}

	#ds-recent-comments li.ds-comment.ds-show-avatars {
		padding-left: 38px !important;
	}

	#ds-recent-comments li.ds-comment .ds-thread-title {
		margin: 0 0 4px 0;
		line-height: 13px;
		font-size: 12px;
		color: #777;
	}

	#ds-recent-comments li.ds-comment {
		font-size: 13px;
	}

	#ds-recent-comments li.ds-comment {
		list-style-type: none;
		position: relative !important;
		margin: 0 !important;
		padding: 6px 0 !important;
		border-top: 1px solid #dcdcdc;
		word-wrap: break-word;
		font-size: 13px;
	}

	#ds-recent-comments li.ds-comment {
		font-size: 13px;
	}

	#ds-recent-comments li.ds-comment a {
		color: #1890ff;
		color: var(--color);
		font-size: 13px;
	}

	#ds-recent-comments li.ds-comment .ds-thread-title a {
		color: #1890ff;
		color: var(--color);
	}

	#details .log-text {
		padding-top: 0;
	}
	#details ul {
		padding-left: 0;
	}
	#details ul li {
		line-height: 34px;
		font-size: 14px;
		list-style: none;
		text-indent: 2em;
	}

	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: ' ';
		clear: both;
		height: 0;
	}

	.continar-left div.key-w,
	.continar-left p.text-post {
		text-indent: 0;
	}

	.continar-left p.text-post a:hover {
		color: #06aaff;
		text-decoration: underline;
	}

	/* 相关文章推荐start */
	.cat-title {
		padding: 7px 0;
		color: #666;
		border-bottom: 1px solid #f1f1f1;
		margin: 15px 0;
		background: #f5f5f5;
	}

	.cat-title span {
		font-size: 14px;
		margin-left: 10px;
	}

	.live {
		overflow: hidden;
		margin: 0 !important;
	}

	.live > li {
		list-style: none;
		position: relative;
		padding: 0 0 0 1.5em;
		margin: 0 0 0.7em 10px;
		-webkit-transition: 0.12s;
		transition: 0.12s;
	}

	.live > li::before {
		position: absolute;
		content: '\2022';
		font-family: Arial;
		color: #111;
		top: 0;
		left: 0;
		text-align: center;
		font-size: 2em;
		opacity: 0.5;
		line-height: 0.75;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.live a {
		text-decoration: none;
	}

	.live a:hover {
		color: #009cee;
	}

	/* 相关文章推荐end */

	.continar-left p.l {
		font-size: 14px;
		line-height: 36px;
		margin: 0 0px 3px 10px;
		position: absolute;
		left: 233px;
		bottom: 3px;
		height: 36px;
	}

	.continar-left p.l i,
	.continar-left p.l span,
	.continar-left p.l > span a,
	.continar-left p.l .icon-shijian {
		font-size: 12px;
	}

	.continar-left p.l > span {
		margin: 0 5px;
	}

	.continar-left p.l > span.p_time {
		display: inline-block;
	}

	.continar-left p.l > span.i_time {
		display: none;
	}

	.continar-left p.l .iconfont {
		margin-right: 5px;
		font-size: 13px;
		color: #e0e0e0;
	}

	.continar-left p.l .icon-icon-eyes {
		display: inline-block;
		transform: scale(0.9);
		margin-right: 2px;
	}

	.continar-left p.l * {
		color: #aaa;
	}

	.continar-left div.key-w {
		font-size: 12px;
		text-align: center;
		margin-bottom: 20px;
	}

	.continar-left div.key-w .single_lable {
		display: inline-block;
	}

	.continar-left div.key-w .iconfont {
		font-size: 14px;
	}

	.continar-left div.key-w a {
		display: inline-block;
		padding: 0px 7px;
		margin-bottom: 2px;
		color: #fff;
		opacity: 0.85;
		line-height: 22px;
		font-size: smaller;
	}

	.continar-left > h2 {
		color: #666;
	}

	.continar-left p.l span:nth-child(3) a {
		padding-left: 0;
	}

	ul.bon-1 {
		margin-bottom: 20px;
	}

	ul.bon-1 li {
		line-height: 32px;
		text-indent: 50px;
	}

	ul.bon-1 li:nth-of-type(2) {
		display: block;
	}

	.search_result .continar-left {
		border-radius: 5px;
		padding: 15px;
		border: 1px solid #e6e6e6;
		overflow: hidden;
		float: none;
		margin: 0 auto 50px;
		width: 1200px;
		border: 0;
		padding: 0;
		float: none;
		background: transparent;
	}

	.search_result .continar-left > div:nth-of-type(1) {
		margin-bottom: 20px;
	}

	#details {
		border-radius: 4px;
		background: #fff;
		width: auto !important;
		overflow: hidden;
		border-radius: 0;
		padding: 0 30px 10px;
		float: none;
	}

	#details > div:nth-of-type(1) {
		margin-bottom: 20px;
	}

	div.nav-s {
		width: 820px;
		height: 40px;
		line-height: 40px;
		border-radius: 5px;
		color: #666;
		font-size: 14px;
		overflow: hidden;
	}

	div.nav-s a {
		display: inline-block;
		color: #333;
		font-size: 14px;
		margin-right: 40px;
	}

	div.nav-s a:nth-child(1) {
		background: #1890ff;
		background: var(--color);
		color: #fff;
		padding: 0 25px 0 35px;
		border-radius: 4px 0 0 4px;
		-webkit-border-radius: 4px 0 0 4px;
		-moz-border-radius: 4px 0 0 4px;
		position: relative;
	}

	div.nav-s font {
		font-size: 14px;
		color: #666;
	}

	div.nav-s a:nth-child(1):after {
		content: '';
		border-top: 20px solid transparent;
		border-right: 20px solid transparent;
		border-left: 20px solid #1890ff;
		border-left: 20px solid var(--color);
		border-bottom: 20px solid transparent;
		position: absolute;
		top: 0;
		right: -40px;
	}

	div.nav-s a:nth-child(2) {
		background: #f1f1f1;
		position: relative;
		padding: 0 25px 0 15px;
	}

	div.nav-s a:nth-child(2):before,
	div.nav-s a:nth-child(3):before,
	div.nav-s a:nth-child(4):before {
		content: '';
		border-top: 20px solid #f1f1f1;
		border-right: 20px solid #f1f1f1;
		border-left: 20px solid transparent;
		border-bottom: 20px solid #f1f1f1;
		position: absolute;
		top: 0;
		left: -40px;
	}

	div.nav-s span {
		display: inline-block;
		padding: 0 79px 0 15px;
		color: #333;
		font-size: 14px;
		background: #f1f1f1;
		position: relative;
		border-radius: 0 4px 4px 0;
		-webkit-border-radius: 0 4px 4px 0;
		-moz-border-radius: 0 4px 4px 0;
	}

	div.nav-s span:before {
		content: '';
		border-top: 20px solid #f1f1f1;
		border-right: 20px solid #f1f1f1;
		border-left: 20px solid transparent;
		border-bottom: 20px solid #f1f1f1;
		position: absolute;
		top: 0;
		left: -36px;
	}

	div.nav-s a:nth-child(2):after {
		content: '';
		border-top: 20px solid transparent;
		border-right: 20px solid transparent;
		border-left: 20px solid #f1f1f1;
		border-bottom: 20px solid transparent;
		position: absolute;
		top: 0;
		right: -40px;
	}

	div.nav-s a:nth-child(3):before {
		content: '';
		border-top: 20px solid #f1f1f1;
		border-right: 20px solid #f1f1f1;
		border-left: 20px solid transparent;
		border-bottom: 20px solid #f1f1f1;
		position: absolute;
		top: 0;
		left: -36px;
	}

	div.nav-s a:nth-child(3) {
		background: #f1f1f1;
		position: relative;
		padding: 0 25px 0 15px;
	}

	div.nav-s a:nth-child(3):after {
		content: '';
		border-top: 20px solid transparent;
		border-right: 20px solid transparent;
		border-left: 20px solid #f1f1f1;
		border-bottom: 20px solid transparent;
		position: absolute;
		top: 0;
		right: -40px;
	}

	div.nav-s a {
		margin-right: 40px;
	}

	h1.title {
		font-size: 20px;
		text-align: center;
		line-height: 40px;
		color: #555;
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px);
	}

	.article-items {
		width: 750px;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 20px;
		border-bottom: 1px dashed #eee;
	}

	.article-items > span {
		margin: 0 5px;
		color: #666;
	}

	.article-items > span i {
		color: #666;
	}

	.article-items > span a {
		font-size: 12px;
		color: #666;
	}
	.article-items span.recommend .iconfont {
		color: #fff;
		margin: 0;
		vertical-align: middle;
	}
	.article-items span.recommend a {
		background: #1890ff;
		background: var(--color);
		color: #fff;
		padding: 2px 8px;
		border-radius: 50px;
	}

	.continar-left .log-text {
		padding-top: 8px;
	}

	.continar-left .log-text a {
		color: #1890ff;
		color: var(--color);
	}

	.continar-left .log-text a:hover {
		text-decoration: underline;
	}

	.log-text ul,.log-text ol {
		padding-left: 30px;
	}

	.log-text li {
		margin: 10px 0;
		line-height: 2;
		list-style-type: disc;
		text-align: left;
	}

	.log-text li + p,
	.log-text li + p + p,
	.log-text li + p + p + p,
	.log-text li + p + p + p + p {
		margin: -10px auto 10px;
	}

	.codecolorer-container * {
		text-indent: 0;
	}

	.codecolorer-container table td.line-numbers div {
		color: #839496;
	}

	.solarized-dark .codecolorer .co0,
	.solarized-dark .codecolorer .co1,
	.solarized-dark .codecolorer .co2,
	.solarized-dark .codecolorer .co3,
	.solarized-dark .codecolorer .co4,
	.solarized-dark .codecolorer .coMULTI {
		color: #5c6370;
	}

	.log-text p {
		line-height: 30px;
		margin: 10px auto;
		text-indent: 2em;
		color: #666;
	}

	.log-text .beCareful {
		color: #d14;
		background-color: rgba(27, 31, 35, 0.05);
		border-radius: 3px;
		font-size: 85%;
		margin: 0;
		padding: 0.2em 0.4em;
	}

	.log-text h1 {
		margin-bottom: 10px;
	}

	.log-text img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
		height: auto;
		opacity: 1;
		cursor: pointer;
	}

	.continar-left .post-motto {
		margin: 25px 0;
		opacity: 0.8;
		text-align-last: center;
		transition: all 0.3s;
		line-height: 30px;
		text-align: center;
		background-color: #eee;
		border-radius: 2px;
		font-size: 12px;
		color: #aaa;
	}
	.continar-left .post-motto:hover {
		color: #fff;
		background: #1890ff;
		background: var(--color);
	}
	p.text-post {
		width: 100%;
		line-height: 30px;
		color: #666;
		font-size: 14px;
	}

	.ds-comments-info {
		width: 100%;
		font-size: 13px;
		margin-top: 10px;
		padding: 8px 10px;
		line-height: 25px;
		position: relative;
	}

	.ds-sort {
		position: absolute;
		right: 0;
		top: 8px;
	}

	.ds-sort a {
		color: #999;
		padding: 0 4px;
		margin: 0 2px;
	}

	.ds-sort a:active {
		color: #d32;
	}

	.ds-highlight {
		color: #d32 !important;
	}

	.ds-highlight {
		margin: 0 2px 0 0;
	}

	#ds-reset a {
		cursor: pointer;
		text-decoration: none;
		color: #777;
		background-color: transparent;
		-webkit-transition: color 0.15s linear;
		-o-transition: color 0.15s linear;
		transition: color 0.15s linear;
	}

	.codecolorer .es0,
	.codecolorer .es1,
	.codecolorer .st0,
	.codecolorer .st_h {
		color: #269186;
	}

	.codecolorer .kw3,
	.codecolorer .kw4,
	.codecolorer .kw5,
	.codecolorer .re2 {
		color: #ff1493;
	}

	div.key-w a {
		background: #45b6f7;
		color: #fff;
		margin: 0 5px;
		padding: 2px 8px;
		border-radius: 2px;
		-webkit-transition: all 0.1s;
		-o-transition: all 0.1s;
		transition: all 0.1s;
	}

	div.key-w a:hover {
		color: #fff;
		opacity: 0.8;
	}

	.ds-comments-info {
		width: 100%;
		font-size: 13px;
		margin-top: 10px;
		line-height: 25px;
		position: relative;
	}

	a.ds-current {
		border: 1px solid #ccc;
		background-color: rgba(0, 0, 0, 0.04);
		text-shadow: 0 1px 0 #fff;
		padding: 3px 5px;
		display: inline;
		border-radius: 5px;
	}

	li.ds-post {
		width: 100%;
		overflow: hidden;
		clear: both;
		border-top: 1px solid rgba(0, 0, 0, 0.13);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.ds-post-self {
		position: relative;
		padding: 10px;
		border-top: 1px solid rgba(255, 255, 255, 0.7);
	}

	.ds-avatar {
		-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		position: relative;
		border-radius: 3px;
		background-color: #fff;
		float: left;
	}

	.ds-comment-body {
		padding-left: 70px !important;
	}

	.ds-comment-header {
		padding-top: 1px;
	}

	.ds-user-name {
		color: #777;
		font-size: 13px;
		margin-right: 8px;
	}

	.ds-comment-body p {
		font-size: 13px;
		line-height: 1.5em;
		margin: 0.5em 0;
		word-wrap: break-word;
		text-indent: 0;
	}

	.ds-comment-body img {
		max-width: 100%;
		vertical-align: text-bottom;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.ds-comment-footer {
		line-height: 1.5em;
	}

	.ds-time {
		font-size: 12px;
		margin-right: 8px;
		color: #999;
	}

	.ds-comment-actions a {
		font-size: 12px;
		color: #999;
	}

	.ds-comment-actions a .ds-icon {
		position: relative;
		top: -1px;
	}

	.ds-avatar img {
		display: block;
		width: 50px;
		height: 50px;
		max-width: none;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
		border-radius: 100%;
	}

	div.jy {
		margin: 20px 0;
		padding: 20px;
		background: #fafafa;
		-webkit-box-shadow: 0 0 10px #aaa;
		box-shadow: 0 0 10px #aaa;
	}

	div.jy p {
		text-indent: 2em;
	}

	#ds-thread {
		clear: both;
		position: relative;
		overflow: visible;
	}

	#ds-related-reads,
	#ds-reset {
		font-size: 13px;
		color: #333;
		line-height: 1;
		text-align: left;
	}

	#ds-recent-comments li.ds-comment .ds-meta {
		color: #20ddd6;
	}

	#ds-thread #ds-reset .ds-meta {
		position: relative;
		padding: 8px 0;
		line-height: 24px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.13);
	}

	#ds-hot-posts {
		border: 1px solid #ccc;
		overflow: hidden;
		margin: 8px 0;
		padding: 0;
	}

	#ds-thread #ds-reset .ds-comments-info {
		width: 100%;
		font-size: 13px;
		margin-top: 10px;
		padding: 8px 9px;
		line-height: 25px;
		position: relative;
	}

	#ds-thread #ds-reset .ds-comments {
		width: 100%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.13);
	}

	#ds-thread #ds-reset .ds-paginator {
		border-bottom: 1px solid rgba(0, 0, 0, 0.13);
		text-align: right;
		padding-bottom: 15px;
		clear: both;
		line-height: 1em;
	}

	#ds-thread #ds-reset a {
		cursor: pointer;
		text-decoration: none;
		color: #777;
		background-color: transparent;
		-webkit-transition: color 0.15s linear;
		-o-transition: color 0.15s linear;
		transition: color 0.15s linear;
	}

	#ds-thread #ds-reset .ds-login-buttons {
		width: 100%;
		position: relative;
		padding: 12px 0 30px;
	}

	#ds-thread #ds-reset .ds-powered-by {
		font-size: 12px;
		text-align: right;
		padding: 10px 0;
	}

	#ds-thread #ds-reset a.ds-like-thread-button {
		color: #555;
		padding: 4px 8px;
		border: 1px solid #ccc;
		border-bottom-color: #aaa;
		-webkit-box-shadow: inset 0 0 1px #fff;
		box-shadow: inset 0 0 1px #fff;
		margin-right: 15px;
		text-shadow: 0 1px 0 #fff;
		background-color: #e0e0e0;
		background-repeat: no-repeat;
		background-image: -webkit-gradient(
			linear,
			0 0,
			0 100%,
			from(#fff),
			color-stop(25%, #fff),
			to(#e0e0e0)
		);
		background-image: -webkit-linear-gradient(#fff, #fff 25%, #e0e0e0);
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#fff),
			color-stop(25%, #fff),
			to(#e0e0e0)
		);
		background-image: -o-linear-gradient(#fff, #fff 25%, #e0e0e0);
		background-image: linear-gradient(#fff, #fff 25%, #e0e0e0);
	}

	#ds-thread #ds-reset .ds-header {
		font-size: 15px;
		color: #555;
		line-height: 48px;
		padding: 0 20px;
		color: #666;
	}

	#ds-thread #ds-reset ul,
	#ds-thread #ds-reset ul li {
		background: 0 0;
		margin: 0;
		padding: 0;
	}

	#ds-thread #ds-reset li.ds-post {
		width: 100%;
		overflow: hidden;
		clear: both;
		border-top: 1px solid rgba(0, 0, 0, 0.13);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#ds-thread #ds-reset .ds-sort {
		position: absolute;
		right: 0;
		top: 8px;
	}

	#ds-thread #ds-reset .ds-paginator div.ds-border {
		border-top: 1px solid rgba(255, 255, 255, 0.7);
		margin-bottom: 15px;
	}

	#ds-thread #ds-reset .ds-paginator a.ds-current {
		color: #d32;
		border: 1px solid #ccc;
	}

	#ds-thread #ds-reset .ds-login-buttons p {
		float: left;
		line-height: 24px;
		margin: 0;
	}

	#ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
		float: left;
		height: 16px;
		width: 54px;
		padding: 4px 0;
		margin: 0 0 0 6px;
	}

	#ds-thread #ds-reset .ds-replybox form {
		margin-left: 5px;
	}

	#ds-related-reads button,
	#ds-related-reads input,
	#ds-reset button,
	#ds-reset input {
		border-radius: 3px;
	}

	#ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text,
	#ds-thread #ds-reset .ds-textarea-wrapper textarea {
		display: block;
		font-size: 13px;
		line-height: 20px;
		border: none;
	}

	#ds-thread #ds-reset .ds-textarea-wrapper textarea {
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-appearance: none;
		overflow: auto;
		padding: 10px;
		height: 54px;
		margin: 0;
		resize: none;
		color: #999;
		width: 100%;
	}

	#ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text {
		word-wrap: break-word;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 10px;
		right: 10px;
	}

	#ds-thread #ds-reset .ds-post-toolbar {
		position: relative;
		width: 100%;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	}

	#ds-thread #ds-reset .ds-post-options {
		position: relative;
		margin-right: 100px;
		height: 32px;
		border: 1px solid #ccc;
		border-right: none;
		border-bottom-color: #aaa;
		border-bottom-left-radius: 3px;
	}

	#ds-thread #ds-reset .ds-sync {
		font-size: 12px;
		color: #999;
		line-height: 30px;
		position: absolute;
		right: 5px;
	}

	#ds-thread #ds-reset .ds-post-button {
		position: absolute;
		right: 0;
		top: 0;
		height: 32px;
		width: 100px;
		text-align: center;
		text-shadow: 0 1px 0 #fff;
		color: #555;
		font-size: 14px;
		border: 1px solid #ccc;
		border-bottom-color: #aaa;
		border-bottom-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		background-color: #e6e6e6;
		background-repeat: no-repeat;
		background-image: -webkit-gradient(
			linear,
			0 0,
			0 100%,
			from(#fcfcfc),
			color-stop(25%, #fcfcfc),
			to(#e6e6e6)
		);
		background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#fcfcfc),
			color-stop(25%, #fcfcfc),
			to(#e6e6e6)
		);
		background-image: -o-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
		background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
		-webkit-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		transition: all 0.15s linear;
		-webkit-box-shadow: inset 0 0 1px #fff;
		box-shadow: inset 0 0 1px #fff;
	}

	#ds-thread #ds-reset .ds-toolbar-buttons {
		position: absolute;
		top: 5px;
		left: 6px;
	}

	#ds-thread #ds-reset a {
		cursor: pointer;
		text-decoration: none;
		color: #777;
		background-color: transparent;
		-webkit-transition: color 0.15s linear;
		-o-transition: color 0.15s linear;
		transition: color 0.15s linear;
	}

	#ds-thread #ds-reset .ds-powered-by {
		font-size: 12px;
		text-align: right;
		padding: 10px 0;
	}

	#ds-thread #ds-reset .ds-powered-by a {
		color: #999;
		text-decoration: none;
	}

	#ds-thread #ds-reset .ds-comment-footer {
		line-height: 1.5em;
	}

	#ds-thread #ds-reset .ds-time {
		font-size: 12px;
		margin-right: 8px;
		color: #999;
	}

	#ds-thread #ds-reset .ds-comment-actions a {
		font-size: 12px;
		color: #999;
	}

	.ds-comment-footer a {
		margin: 0 6px 0 0;
		padding: 0 6px 0 0;
	}

	#ds-thread #ds-reset .ds-paginator {
		border-bottom: 1px solid rgba(0, 0, 0, 0.13);
		text-align: right;
		padding-bottom: 15px;
		clear: both;
		line-height: 1em;
	}

	#ds-thread #ds-reset .ds-paginator div.ds-border {
		border-top: 1px solid rgba(255, 255, 255, 0.7);
		margin-bottom: 15px;
	}

	#ds-thread #ds-reset .ds-paginator a.ds-current {
		color: #d32;
		border: 1px solid #ccc;
	}

	#ds-thread #ds-reset .ds-login-buttons p {
		float: left;
		line-height: 24px;
		margin: 0;
	}

	#ds-thread #ds-reset .ds-login-buttons .ds-social-links {
		float: left;
		width: 306px;
		height: 20px;
		overflow: hidden;
	}

	#ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
		float: left;
		height: 16px;
		width: 54px;
		padding: 4px 0;
		margin: 0 0 0 6px;
	}

	#ds-thread #ds-reset .ds-replybox {
		width: auto;
		font-size: 12px;
		z-index: 3;
		margin: 8px 0;
		padding: 0 25px 0 85px;
		position: relative;
		clear: both;
	}

	#ds-thread #ds-reset .ds-replybox .ds-avatar {
		position: absolute;
		top: 0;
		left: 25px;
	}

	#ds-reset .ds-avatar img,
	#ds-thread #ds-reset .ds-replybox .ds-avatar img {
		border: 1px solid #bbb;
		padding: 2px;
		border-radius: 4px;
	}

	#ds-thread #ds-reset .ds-textarea-wrapper {
		position: relative;
		border: 1px solid #ccc;
		border-bottom: none;
		padding-right: 20px;
		background: #fff url(../images/bg_sprites.png) 0 -90px repeat-x;
		overflow: hidden;
	}

	#ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text,
	#ds-thread #ds-reset .ds-textarea-wrapper textarea {
		display: block;
		font-size: 13px;
		line-height: 20px;
		border: none;
	}

	#ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text {
		word-wrap: break-word;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 10px;
		right: 10px;
	}

	#ds-thread #ds-reset .ds-toolbar-buttons {
		position: absolute;
		top: 5px;
		left: 6px;
	}

	#ds-thread #ds-reset ul.ds-children .ds-avatar img {
		width: 30px;
		height: 30px;
	}

	#ds-thread #ds-reset .ds-post-self {
		position: relative;
		padding: 10px;
		border-top: 1px solid rgba(255, 255, 255, 0.7);
	}

	#ds-thread #ds-reset ul.ds-children {
		margin-left: 38px;
	}

	#ds-thread #ds-reset .ds-login-buttons {
		width: 100%;
		position: relative;
		padding: 12px 0 30px;
	}

	#ds-thread #ds-reset .ds-paginator a {
		font-size: 12px;
		margin: 0 3px;
		padding: 2px 5px;
		border: 1px solid transparent;
	}

	#ds-reset .ds-service-link {
		height: 16px !important;
		line-height: 16px;
		padding-left: 20px;
		display: block;
		background: url(../images/service-icons-color.png?v=2) no-repeat;
		overflow: hidden;
	}

	#ds-reset .ds-weixin {
		background-position: 0 -272px;
	}

	#ds-reset .ds-weibo {
		background-position: 0 0;
	}

	#ds-reset .ds-qq {
		background-position: 0 -192px;
	}

	#ds-reset .ds-renren {
		background-position: 0 -32px;
	}

	#ds-thread #ds-reset .ds-toolbar-button {
		display: block;
		width: 19px !important;
		height: 19px;
		float: left;
		margin-right: 4px;
		background: transparent url(../images/sprites.png) no-repeat;
		opacity: 0.6;
		-webkit-transition: opacity 0.15s linear;
		-o-transition: opacity 0.15s linear;
		transition: opacity 0.15s linear;
	}

	#ds-thread #ds-reset .ds-add-emote {
		background-position: 0 -12px;
	}

	#ds-thread #ds-reset .ds-add-emote:hover {
		background-position: 0 -30px;
	}

	#ds-thread #ds-reset ul.ds-children .ds-post-self .ds-comment-body {
		padding-left: 48px;
	}

	.ds-icon {
		vertical-align: middle;
		display: inline-block;
		overflow: hidden;
		background: transparent url(../images/sprites.png) no-repeat;
	}

	.ds-icon-reply {
		width: 18px;
		height: 13px;
		background-position: 0 -105px;
	}

	.ds-icon-like {
		width: 14px;
		height: 13px;
		background-position: 0 -118px;
	}

	.ds-icon-share {
		width: 18px;
		height: 13px;
		background-position: 0 -234px;
	}

	.ds-icon-report {
		width: 12px;
		height: 12px;
		background-position: -2px -189px;
	}

	.ds-icon-reply {
		width: 18px;
		height: 13px;
		background-position: 0 -105px;
	}

	.wp-pagenavi {
		width: 100%;
		height: 36px;
		line-height: 36px;
		overflow: hidden;
		display: block;
		padding: 30px 0 70px;
		box-sizing: border-box;
		text-align: center;
		background: #fff;
		margin-top: -10px;
		position: relative;
	}

	.wp-pagenavi:after {
		display: block;
		content: '';
		position: absolute;
		left: 15px;
		top: 0;
		width: 820px;
		border-top: 1px solid #f2f2f2;
	}

	.wp-pagenavi a {
		text-decoration: none;
		background-color: #f6f6f6;
		color: #666;
		padding: 8px 14px;
		margin: 0 2px;
		border-radius: 2px;
		font-size: 12px;
		font-family: 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB',
			'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
	}

	span.extend {
		margin: 0 2px;
		color: #666;
		border-radius: 2px;
		color: #999999;
		background-color: transparent;
		cursor: default;
	}

	.pages {
		display: none;
	}

	.wp-pagenavi a:hover,
	.wp-pagenavi a.current:hover {
		color: #fff;
		background: #1890ff;
		background: var(--color);
	}

	.wp-pagenavi a.current {
		background: #1890ff;
		background: var(--color);
		text-decoration: none;
		padding: 8px 14px;
		margin: 0 2px;
		border: 0;
		color: #fff;
		border-radius: 2px;
		font-size: 12px;
	}

	.screen-reader-text {
		display: none !important;
	}

	.wpuf-attachment-list img {
		margin: 15px auto;
	}

	ul.wpuf-form li .wpuf-fields .wpuf-help {
		display: block;
		margin-top: 12px;
	}

	.os-headertop,
	.os-herder {
		display: none;
	}

	.notice {
		width: 400px;
		height: 20px;
		line-height: 20px;
		position: relative;
		overflow: hidden;
		display: none;
		float: left;
		margin-left: 20px;
		margin-top: 3px;
	}

	.notice ul {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.notice ul li {
		width: 100%;
		height: 20px;
		line-height: 20px;
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		color: #fff;
		font-size: 12px;
		text-align: left;
	}

	.notice ul li i {
		display: inline-block;
		margin-right: 5px;
		color: #fff;
	}

	.post-like a.done {
		cursor: not-allowed;
	}

	.page-reward {
		padding: 40px 0;
		margin: 0px 7.6923% 30px;
		min-height: 72px;
		border-bottom: 1px solid #ddd;
		text-align: center;
		display: none;
	}

	.page-reward .page-reward-btn {
		position: relative;
		display: inline-block;
		width: 56px;
		height: 56px;
		text-align: center;
		line-height: 56px;
		font-size: 20px;
		color: #fff;
		background: #f44336;
		border-radius: 50%;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		-webkit-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
	}

	.page-reward .page-reward-btn:active,
	.page-reward .page-reward-btn:hover {
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 4px 15px rgba(0, 0, 0, 0.2);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 4px 15px rgba(0, 0, 0, 0.2);
	}

	.page-reward .page-reward-btn .tooltip-item {
		display: block;
		width: 56px;
		height: 56px;
		color: #fff;
		font-size: 20px;
	}

	.page-reward .page-reward-btn .tooltip-item a {
		display: inline-block;
		font-size: 22px;
		color: #fff;
		cursor: pointer;
		text-align: center;
		line-height: 56px;
	}

	.page-reward .page-reward-btn .tooltip-item .s_show {
		display: none;
	}

	.page-reward .page-reward-btn .tooltip-item font {
		display: block;
		width: 56px;
		height: 56px;
		color: #fff;
		font-size: 20px;
	}

	.page-reward-btn .tooltip-item a span {
		color: #fff;
		font-size: 22px;
	}

	.reward-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.log-text .reward-p {
		color: #fff;
		text-shadow: 1px 1px 1px #45b9e0;
		text-indent: 0;
		margin: 0 0 25px;
		font-size: 16px;
	}

	.log-text .reward-p .icon {
		margin: 0 10px;
		color: #ddd;
	}

	.reward-type {
		font-size: 16px;
		display: block;
		color: #4d4d4d;
		margin: 20px 0 0;
	}

	.reward-img {
		width: 130px;
		height: 130px;
		border: 6px solid #fff;
		border-radius: 3px;
	}

	.tooltip-left .tooltip {
		position: absolute;
		z-index: 999;
		cursor: pointer;
		width: 28px;
		height: 28px;
		top: -10px;
		right: 10px;
	}

	.tooltip-left .tooltip:hover a.share-outer {
		background: #24c1f6;
	}

	@-webkit-keyframes pulse {
		0% {
			-webkit-transform: scale3d(0.5, 0.5, 1);
		}

		to {
			-webkit-transform: scaleX(1);
		}
	}

	@keyframes pulse {
		0% {
			-webkit-transform: scale3d(0.5, 0.5, 1);
			transform: scale3d(0.5, 0.5, 1);
		}

		to {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}
	}

	.tooltip-top .tooltip {
		display: inline;
		position: relative;
		z-index: 999;
	}

	.tooltip-top .tooltip:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 20px;
		bottom: 100%;
		left: 50%;
		pointer-events: none;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.tooltip-top .tooltip:hover:after {
		pointer-events: auto;
	}

	.tooltip-content {
		position: absolute;
		z-index: 9999;
		width: 370px;
		left: 9px;
		top: -330px;
		font-size: 20px;
		line-height: 1.4;
		text-align: center;
		color: #4d4d4d;
		background: 0 0;
		opacity: 0;
		margin: 0 0 -10px -158px;
		cursor: default;
		pointer-events: none;
		-webkit-font-smoothing: antialiased;
		-webkit-transition: opacity 0.3s 0.3s;
		-o-transition: opacity 0.3s 0.3s;
		transition: opacity 0.3s 0.3s;
	}

	.tooltip-content span {
		display: block;
	}

	.tooltip-content {
		opacity: 0;
		-webkit-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
	}

	.reward-box span {
		display: block;
	}

	.tooltip-text {
		border-bottom: 10px solid #4d4d4d;
		overflow: hidden;
		-webkit-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: -webkit-transform 0.3s 0.3s;
		transition: -webkit-transform 0.3s 0.3s;
		-o-transition: transform 0.3s 0.3s;
		transition: transform 0.3s 0.3s;
		transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
	}

	.tooltip-top .tooltip:hover .tooltip-text,
	.post-actions .action-rewards:hover .tooltip-text {
		-webkit-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
	}

	.tooltip-inner {
		background: rgba(36, 193, 246, 0.9);
		padding: 40px;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		-webkit-transition: -webkit-transform 0.3s;
		transition: -webkit-transform 0.3s;
		-o-transition: transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s;
	}

	.tooltip:hover .tooltip-inner,
	.post-actions .action-rewards:hover .tooltip-inner {
		-webkit-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
		transition-delay: 0.3s;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.tooltip-content:after {
		content: '';
		left: 50%;
		border: solid transparent;
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: transparent;
		border-top-color: #4d4d4d;
		border-width: 10px;
		margin-left: -10px;
	}

	ul.post-categories li {
		display: none;
	}

	ul.post-categories li:first-child {
		display: block;
	}

	#domo {
		display: block;
		width: 120px;
		height: 33px;
		color: #fff;
		background: #1890ff;
		background: var(--color);
		line-height: 33px;
		padding: 0;
		font-size: 15px;
		text-align: left;
		border-radius: 4px;
		margin: 30px auto 35px;
		text-indent: 0;
		text-align: center;
		text-align-last: center;
	}

	.img-left {
		width: 220px;
		height: 140px;
		border: 0;
		float: left;
		position: relative;
		overflow: hidden;
		border-radius: 2px;
	}

	.img-left span {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		background: #1890ff;
		background: var(--color);
		opacity: 0.8;
		text-align: center;
	}

	.img-left span ul li a {
		color: #fff;
		line-height: 28px;
		padding: 0 10px;
	}

	.log-text h2,
	.log-text h4,
	.h4 {
		margin: 10px -15px;
		padding: 6px 15px;
		border-left: 4px solid #39c;
		border-bottom: 1px solid #39c;
		font-size: 16px;
		color: #444;
		background: #fbfbfb;
	}

	.log-text h3,
	.log-text h5 {
		padding: 10px 0;
		font-size: 16px;
		border-bottom: 1px dashed #ccc;
	}

	.log-text h4:nth-of-type(5n + 1),
	.log-text h2:nth-of-type(5n + 1) {
		border-left: 4px solid #b9d329;
		border-bottom: 1px solid #b9d329;
	}

	.log-text h4:nth-of-type(5n + 2),
	.log-text h2:nth-of-type(5n + 2) {
		border-left: 4px solid #ffae5b;
		border-bottom: 1px solid #ffae5b;
	}

	.log-text h4:nth-of-type(5n + 3),
	.log-text h2:nth-of-type(5n + 3) {
		border-left: 4px solid #c0ebf7;
		border-bottom: 1px solid #c0ebf7;
	}

	.log-text h4:nth-of-type(5n + 4),
	.log-text h2:nth-of-type(5n + 4) {
		border-left: 4px solid #1890ff;
		border-left: 4px solid var(--color);
		border-bottom: 1px solid #1890ff;
		border-bottom: 1px solid var(--color);
	}

	/*在线客服start*/

	#wuyousujian-kefuDv .qqnum {
		text-align: center;
		font-size: 12px;
		width: 100%;
		padding: 0 0 10px 0;
	}

	#wuyousujian-kefuDv .qqnum:last-child {
		text-align: center;
		font-size: 12px;
		width: 100%;
		padding: 0;
	}

	#wuyousujian-kefuDv .telNo {
		padding-left: 4px;
		font-size: 12px;
		color: #f60;
		width: 100px;
		height: 17px;
		line-height: 28px;
	}

	#wuyousujian-kefuDv table {
		border: 0;
		width: auto;
	}

	#wuyousujian-kefuDv #navLog {
		width: 40px;
		height: 1px;
		display: block;
	}

	#wuyousujian-kefuDv table tr {
		border: 0;
	}

	#wuyousujian-kefuDv img {
		border: 0;
		display: inline-block;
	}

	#wuyousujian-kefuDv table td {
		border: 0;
		padding: 0;
	}

	#wuyousujian-kefuDv .kefu1 {
		font-size: 14px;
		font-weight: bold;
		padding-left: 10px;
		padding-top: 10px;
	}

	#wuyousujian-kefuDv .kefu3 {
		width: 105px;
		height: 10px;
	}

	#wuyousujian-kefuDv .kefu4 {
		background: url(../images/qq.png) center no-repeat;
		background-size: contain;
		width: 105px;
		height: 68px;
	}

	#wuyousujian-kefuDv .kefu4gray {
		background: url(../images/qq-grey.png) center no-repeat;
		background-size: contain;
		width: 105px;
		height: 68px;
	}

	#wuyousujian-kefuDv .line {
		width: 105px;
		height: 9px;
	}

	#wuyousujian-kefuDv .wangwang-names {
		margin: 0;
		margin-left: 5px;
		font-size: 13px;
		color: #333;
	}

	#wuyousujian-kefuDv .qqSmall {
		width: 100px;
		height: 29px;
		line-height: 29px;
		vertical-align: middle;
		margin-left: 5px;
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	#wuyousujian-kefuDv a {
		font-size: 13px;
		text-decoration: none;
		color: #333;
	}

	#wuyousujian-kefuDv a:hover {
		text-decoration: none;
		color: black;
	}

	#wuyousujian-kefuDv .kefu10 {
		width: 105px;
		height: 28px;
	}

	#qqAdmin .panel1 {
		border: 1px solid gray;
		width: 500px;
		margin-top: 13px;
	}

	#qqAdmin .dtl {
		color: gray;
		font-style: italic;
	}

	.qqSmall a {
		margin-left: 4%;
	}

	.qqClearFix {
		clear: both;
	}

	.rm_wrap {
		width: 560px;
	}

	.qqkefu_section {
		border: 1px solid #ddd;
		background: #fff;
		border-radius: 5px;
	}

	.rm_opts label {
		font-size: 12px;
		width: 200px;
		display: block;
		float: left;
	}

	.rm_input {
		padding: 5px 10px;
	}

	.rm_opts small {
		display: block;
		padding: 4px;
		width: 630px;
		font-size: 12px;
		color: #666;
		line-height: 20px;
	}

	.rm_opts input [type='text'],
	.rm_opts select {
		width: 280px;
		font-size: 12px;
		padding: 4px;
		color: #333;
		line-height: 20px;
		background: #fff;
	}

	.rm_input input:focus,
	.rm_input textarea:focus {
		background: #f2f2f2;
	}

	#swt_qq,
	#swt_cat_slider,
	#swt_emailid,
	#swt_twitter,
	#swt_qqmblog,
	#swt_sinamblog,
	#swt_rsssub,
	#swt_email,
	#swt_search_link,
	#swt_cat,
	#swt_new_exclude,
	#swt_search_ID,
	#swt_link_s {
		border: 1px solid #dadada;
		width: 280px;
		padding: 2px;
	}

	.rm_input textarea {
		width: 280px;
		height: 150px;
		font-size: 12px;
		padding: 4px;
		color: #333;
		line-height: 20px;
		background: #fff;
	}

	.rm_title h3 {
		cursor: pointer;
		font-size: 14px;
		text-transform: uppercase;
		margin: 0;
		font-weight: bold;
		color: #232323;
		float: left;
		width: 80%;
		padding: 14px 4px;
	}

	.rm_title {
		cursor: pointer;
		border-bottom: 1px solid #dadada;
		padding: 0;
		height: 50px;
	}

	.rm_title h3 img.inactive {
		margin: -1px 10px 0 2px;
		width: 19px;
		height: 19px;
		background: url(../images/collapse.png) no-repeat 0 0;
		float: left;
	}

	.rm_title h3 img.active {
		margin: -1px 10px 0 2px;
		width: 19px;
		height: 19px;
		background: url(../images/collapse.png) no-repeat 0 -19px;
		float: left;
	}

	.rm_title span.submit {
		display: block;
		float: right;
		margin: 0;
		padding: 0;
		width: 15%;
		padding: 14px 0;
	}

	.clearfix {
		clear: both;
	}

	.rm_table th,
	.rm_table td {
		border: 1px solid #bbb;
		padding: 10px;
		text-align: center;
	}

	.rm_table th,
	.rm_table td.feature {
		border-color: #888;
	}

	.child {
		padding-left: 40px;
	}

	#all_cat {
		padding: 10px;
		margin-bottom: 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
	}

	#all_cat h4 {
		line-height: 23px;
		margin: 0;
	}

	#all_cat span {
		display: inline-block;
		white-space: nowrap;
		margin-right: 10px;
		font-size: 12px;
	}

	#all_cat em {
		font-weight: bold;
		color: #2e64fe;
		font-style: normal;
	}

	#all_cat small {
		font-size: 12px;
		color: #666;
		line-height: 23px;
	}

	.show_id {
		display: block;
		width: 250px;
		margin-right: -500px;
		position: fixed;
		right: 50%;
		top: 15%;
		line-height: 23px;
		padding: 10px;
		list-style: square inside;
		border: 1px solid #ccc;
		border-radius: 5px;
	}

	#imgNav {
		margin-top: 30%;
		position: absolute;
		right: 194px;
	}

	.rm_options {
		padding: 20px;
	}

	.qq-cus-label {
		display: inline-block;
		width: 110px;
		font-weight: bold;
	}

	.qq-cus-title {
		padding: 20px 20px;
		font-size: 24px;
		margin: 0;
	}

	.wuyousujian-add {
		padding: 10px;
		background-color: #eee;
	}

	.wuyousujian-update {
		margin: 0;
		display: none;
	}

	.submit {
		padding-left: 20px;
		padding-bottom: 20px;
	}

	.customer-list {
		background-color: #fff;
		min-height: 200px;
		margin-right: 41px;
		position: absolute;
		border-radius: 4px 0 0 4px;
		left: -150px;
		top: -40px;
	}

	#wuyousujian-kefuDv .qq-kefu-fun-box {
		width: 100%;
		position: relative;
	}

	#wuyousujian-kefuDv .qq-kefu-backUp {
		display: block;
		width: 100%;
		height: 62px;
		border: none;
		border-top: 1px solid #ccc;
		text-align: center;
		background: url(../images/rocket.png) center center no-repeat;
	}

	#wuyousujian-kefuDv .qq-kefu-backUp-2 {
		display: block;
		width: 50%;
		height: 62px;
		border-top: 1px solid #ccc;
		text-align: center;
		background: url(../images/rocket.png) -8px center no-repeat;
		float: left;
		background-size: cover;
	}

	#wuyousujian-kefuDv .qq-kefu-qrCode {
		display: block;
		width: 50%;
		height: 62px;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		text-align: center;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		background-size: cover;
	}

	#wuyousujian-kefuDv .qq-kefu-qrCode img {
		display: block;
		width: 100%;
		height: 56px;
		margin: 2px auto 0;
	}

	#wuyousujian-kefuDv .qqkefu-qrcode-box {
		width: 200px;
		height: 200px;
		padding: 10px;
		z-index: 999;
		background-color: #eee;
		position: absolute;
		top: 0;
		display: none;
		box-sizing: border-box;
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	}

	/*在线客服end*/

	/*文章加密内容start*/

	.e-secret {
		text-align: center;
	}

	.e-secret label {
		font-size: 14px;
		line-height: 47px;
		font-weight: normal;
		margin-bottom: 0;
	}

	.e-secret input {
		display: inline-block;
		box-sizing: border-box;
		vertical-align: middle;
		outline: none;
	}

	.e-secret input.euc-y-i {
		-webkit-appearance: none;
		background-color: #fff;
		background-image: none;
		border-radius: 4px 0 0 4px;
		border: 1px solid #dcdfe6;
		box-sizing: border-box;
		color: #606266;
		display: inline-block;
		font-size: inherit;
		height: 32px;
		line-height: 1;
		outline: none;
		padding: 0 15px;
		background-color: transparent !important;
		transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	}

	.euc-y-s {
		display: inline-block;
		line-height: 1;
		white-space: nowrap;
		cursor: pointer;
		background: #fff;
		border: none;
		border-color: #dcdfe6;
		color: #606266;
		-webkit-appearance: none;
		text-align: center;
		box-sizing: border-box;
		outline: none;
		margin: 0;
		transition: 0.1s;
		font-weight: 500;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		padding: 9px 15px;
		font-size: 14px;
		border-radius: 0 4px 4px 0;
	}

	.e-secret input.euc-y-s {
		color: #fff;
		background-color: var(--color);
		border-color: var(--color);
	}

	.continar-left .log-text .e-secret p a,
	.continar-left .e-secret p a:hover i {
		color: #fff;
	}

	/*文章加密内容end*/

	#web-tj,
	#web-tj .daily-list {
		margin-bottom: 0;
	}

	#web-tj ul li {
		float: left;
		line-height: 26px;
		font-size: 12px;
		width: 50%;
		border-bottom: 0;
	}

	#web-tj ul li:hover {
		margin-left: 0;
	}

	.codecolorer-container {
		margin: 10px 0;
	}

	.downcloud {
		border: 1px solid #16bac5;
	}

	.downcloud:hover {
		background: #1399a2;
		color: #fff;
	}

	.downcloud,
	.downcloud:focus {
		background: #16bac5;
	}

	.log-text .downbtn {
		padding: 10px 26px;
		background: #16bac5;
		line-height: 3;
		color: #fff;
		font-size: 15px;
	}

	.log-text .downbtn:hover {
		color: #fff;
	}

	.log-text .downbtn i {
		color: #fff;
	}

	#smartideo iframe {
		height: 500px;
	}

	.footer-banner__navi {
		position: fixed;
		width: 100%;
		height: 30px;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 14;
		background: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 1));
	}

	/*banner动画start*/

	.foolishOut {
		-webkit-animation: foolishOut 3s 1s;
		animation: foolishOut 3s 1s;
	}

	@-webkit-keyframes foolishOut {
		0% {
			opacity: 1;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-transform: scale(1, 1) rotate(360deg);
			transform: scale(1, 1) rotate(360deg);
		}

		20% {
			opacity: 1;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
			-webkit-transform: scale(0.5, 0.5) rotate(0);
			transform: scale(0.5, 0.5) rotate(0);
		}

		40% {
			opacity: 1;
			-webkit-transform-origin: 100% 0;
			transform-origin: 100% 0;
			-webkit-transform: scale(0.5, 0.5) rotate(0);
			transform: scale(0.5, 0.5) rotate(0);
		}

		60% {
			opacity: 1;
			-webkit-transform-origin: 0;
			transform-origin: 0;
			-webkit-transform: scale(0.5, 0.5) rotate(0);
			transform: scale(0.5, 0.5) rotate(0);
		}

		80% {
			opacity: 1;
			-webkit-transform-origin: 0 100%;
			transform-origin: 0 100%;
			-webkit-transform: scale(0.5, 0.5) rotate(0);
			transform: scale(0.5, 0.5) rotate(0);
		}

		100% {
			opacity: 0.5;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-transform: scale(1, 1) rotate(360deg);
			transform: scale(1, 1) rotate(360deg);
		}
	}

	@keyframes foolishOut {
		0% {
			opacity: 1;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-transform: scale(1, 1) rotate(360deg);
			transform: scale(1, 1) rotate(360deg);
		}

		20% {
			opacity: 1;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
			-webkit-transform: scale(0.5, 0.5) rotate(0);
			transform: scale(0.5, 0.5) rotate(0);
		}

		40% {
			opacity: 1;
			-webkit-transform-origin: 100% 0;
			transform-origin: 100% 0;
			-webkit-transform: scale(0.5, 0.5) rotate(0);
			transform: scale(0.5, 0.5) rotate(0);
		}

		60% {
			opacity: 1;
			-webkit-transform-origin: 0;
			transform-origin: 0;
			-webkit-transform: scale(0.5, 0.5) rotate(0);
			transform: scale(0.5, 0.5) rotate(0);
		}

		80% {
			opacity: 1;
			-webkit-transform-origin: 0 100%;
			transform-origin: 0 100%;
			-webkit-transform: scale(0.5, 0.5) rotate(0);
			transform: scale(0.5, 0.5) rotate(0);
		}

		100% {
			opacity: 0.5;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-transform: scale(1, 1) rotate(360deg);
			transform: scale(1, 1) rotate(360deg);
		}
	}

	/*banner动画end*/

	.contact h4,
	.contact h5 {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		color: #fff;
		position: relative;
	}

	.contact {
		width: 360px;
		text-align: center;
		position: absolute;
		top: 56px;
		left: 20px;
		z-index: 3;
		display: none;
		opacity: 0;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

	.contact h3 {
		height: 34px;
		line-height: 34px;
		font-size: 16px;
		color: #f3274c;
		background: #fff;
		-webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
		box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
		position: relative;
		z-index: 3;
	}

	.contact h4 {
		background: #fba792;
		/*box-shadow:0 5px 0 rgba(0,0,0,0.05);
  */
		z-index: 2;
		top: 4px;
	}

	.contact h5 {
		background: #fba792;
		/*background:#fb5e7b;
  box-shadow:0 5px 0 rgba(0,0,0,0.1);
  */
		z-index: 1;
	}

	.contact a {
		display: inline-block;
		width: 138px;
		height: 32px;
		line-height: 32px;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		background: #f0b017;
		border-radius: 4px;
		-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
		position: relative;
		top: 24px;
	}

	.contact a:hover {
		background: #f4264d;
	}

	/*首页弹窗end*/

	/*用户中心start*/

	.head_user_b {
		width: 100%;
		margin: 0 auto;
		background: url('../images/about_page.jpg') no-repeat center center;
		background-size: 100% 100%;
	}

	.head_user {
		overflow: hidden;
		position: relative;
		width: 100%;
		margin: 0px auto 6px;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);
	}

	.head_user_a {
		height: 300px;
	}

	.head_avatar {
		text-align: center;
		padding: 27px 0 15px;
	}

	.head_avatar_a {
		text-align: center;
		font-size: 24px;
		line-height: 30px;
		color: #fff;
		position: relative;
	}

	.head_avatar_a p {
		text-align: center;
		font-size: 25px;
		line-height: 30px;
		color: #fff;
	}

	span.verify_1 {
		background-image: url(../images/icon_a.png);
		background-position: -50px -25px;
		width: 20px;
		height: 20px;
		border-radius: 100%;
		margin-left: -33px;
		cursor: pointer;
		position: absolute;
		bottom: 0;
		margin-bottom: -56px;
	}

	.head_avatar img {
		width: 130px;
		height: 130px;
		border-radius: 100%;
		border: 3px solid rgba(255, 255, 255, 0.53);
	}

	.head_avatar_a {
		text-align: center;
		font-size: 25px;
		line-height: 30px;
		color: #fff;
	}

	.icon_male {
		background-position: -100px -50px;
	}

	.img-icon {
		display: inline-block;
	}

	.icon_male,
	.icon_female {
		width: 16px;
		height: 18px;
		vertical-align: -2px;
		margin: 0 5px;
		background-image: url('../images/icon_a.png');
	}

	.lv45 {
		background-position: -199px -335px;
	}

	.lv {
		display: inline-block;
		background: url(../images/lv.png) no-repeat;
		width: 33px;
		height: 17px;
		vertical-align: sub;
	}

	.head_avatar_a {
		text-align: center;
		font-size: 25px;
		line-height: 30px;
		color: #fff;
	}

	.head_avatar_a .vip_aa img {
		vertical-align: inherit;
	}

	.head_avatar_b p {
		text-align: center;
		font-size: 12px;
		color: #fff;
		line-height: 16px;
	}

	.head_avatar_c {
		text-align: center;
		margin: 25px;
	}

	span.follow-btn.unfollowed {
		border: 1px solid #f77268;
		background: #fa7d3c;
	}

	span.follow-btn.unfollowed i {
		color: #fff;
	}

	.head_avatar_c span {
		padding: 4px 12px;
		background-color: #fafafa;
		margin: 15px;
		border-radius: 4px;
		font-size: 15px;
		border: 1px solid #2196f3;
		background: #2196f3;
		color: #ffffff;
		cursor: pointer;
	}

	Inherited from div.head_avatar_c .head_avatar_c {
		text-align: center;
		margin: 25px;
	}

	.head_user_data {
		position: absolute;
		left: 0;
		z-index: 1;
		background: #fff;
		margin-top: -29px;
		padding: 5px 10px;
		border-radius: 0 10px 0px 0;
	}

	.head_user_data span {
		margin-right: 20px;
	}

	.lv45 {
		background-position: -199px -335px;
	}

	/*用户中心end*/

	#mobil,
	.nav-s1,
	.jy {
		display: none;
	}

	.article-items i.iconfont,
	i.icon-zuozhe {
		color: #666;
		font-size: 14px;
	}

	.article-items i.iconfont {
		margin-right: 2px;
	}

	pre {
		margin: 15px 0;
		font-size: 12px;
		line-height: 18px;
		padding: 10px 12px;
		border: 1px solid #ccc;
		border-left-width: 4px;
		background-color: #272822;
		-webkit-box-shadow: 0 0 4px #eee;
		box-shadow: 0 0 4px #eee;
		-webkit-text-size-adjust: none;
		color: #657b83;
		max-height: 35em;
		overflow: auto;
		white-space: normal;
		word-break: break-all;
		word-wrap: break-word;
		overflow: hidden;
	}

	code {
		padding: 2px 4px;
		font-size: 90%;
		color: #c7254e;
		background-color: #f9f2f4;
		border-radius: 4px;
		white-space: normal;
		word-break: break-all;
		word-wrap: break-word;
		overflow: hidden;
	}

	.smartideo {
		margin: 15px 0 20px;
	}

	/* 雪花start */

	@-webkit-keyframes snow {
		0% {
			background-position: 0 0, 0 0;
		}

		100% {
			background-position: 500px 500px, 1000px 500px;
		}
	}

	@keyframes snow {
		0% {
			background-position: 0 0, 0 0;
		}

		100% {
			background-position: 500px 500px, 1000px 500px;
		}
	}

	#snowMask {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url('../images/snow1.png'), url('../images/snow2.png');
		-webkit-animation: 10s snow linear infinite;
		animation: 10s snow linear infinite;
		pointer-events: none;
		z-index: 9999;
		display: none\0;
	}

	/* 雪花end */

	/* video视频播放器插件样式自定义start */

	.vjs-big-play-centered .vjs-big-play-button {
		margin-left: -30px !important;
		border-radius: 100% !important;
	}

	.video-js .vjs-big-play-button {
		width: 1.5em !important;
		font-size: 4em !important;
	}

	/* .video-js .vjs-control-bar{
  transition: opacity 0.35s!important;
  } */

	.video-js:hover .vjs-control-bar {
		opacity: 1 !important;
	}

	/* video视频播放器插件自定义end */

	/* PC详情页打赏start */

	.post-actions {
		text-align: center;
		margin: 20px 0;
		clear: both;
	}

	.continar-left .log-text .post-actions *,
	.continar-left .log-text .post-like a.done:hover span.count {
		color: #fff;
	}

	.post-actions > a {
		color: #fff !important;
	}

	.post-actions .action-like a .iconfont {
		display: inline-block;
		margin-right: 3px;
		font-size: 12px;
	}

	.continar-left .log-text .post-actions a {
		text-decoration: none;
	}

	.continar-left .log-text .post-actions a .iconfont {
		font-size: 12px;
	}

	.post-actions .reward {
		display: inline-block;
		opacity: 0.8;
		padding: 6px 12px 8px;
		border-radius: 4px;
		color: #fff;
		font-size: 14px;
		margin: 0 7px;
		box-sizing: content-box;
		transition: opacity 0.5s;
		font-size: 12px;
		cursor: pointer;
	}

	.post-actions .reward {
		background-color: #ec6149;
	}
	.post-actions .reward .iconfont,
	.post-actions .reward a {
		font-size: 12px;
	}
	.post-actions .reward:hover {
		opacity: 1;
		color: #fff;
	}

	.post-actions .reward:hover .tooltip-content {
		opacity: 1;
		pointer-events: auto;
		-webkit-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
	}
	.post-actions .action-like {
		background: #1890ff;
		background: var(--color);
		font-size: 12px;
	}
	#reward-popup {
		width: 100%;
		height: 100%;
		padding: 20px;
		display: none;
	}
	#reward-popup .title {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		height: 30px;
		line-height: 30px;
		color: #333;
		padding: 10px 0 20px;
		box-sizing: content-box;
	}
	#reward-popup .reward_item {
		height: calc(100% - 60px);
		flex-wrap: wrap;
		display: flex;
		justify-content: center;
	}
	#reward-popup .reward_item p {
		font-size: 15px;
		text-align: center;
		color: #333;
		margin: 0px 0 12px;
		text-indent: 0;
	}
	#reward-popup .reward_item img {
		display: block;
		margin: 0 auto;
		max-width: 85%;
		border: 5px solid #eee;
	}
	#reward-popup .reward_item > div {
		width: 50%;
	}
	/* PC详情页打赏end */

	/* 面包屑导航start */

	.mod-crumbs {
		width: calc(100% + 32px);
		margin-left: -16px;
		height: auto;
		overflow: hidden;
		-webkit-transform: translateY(-65px);
		-ms-transform: translateY(-65px);
		transform: translateY(-65px);
		display: block;
	}

	.mod-breadcrumb {
		display: block;
		padding: 7px 14px;
		background: #fff;
		border-radius: 2px;
		color: #1890ff;
		color: var(--color);
	}

	.mod-breadcrumb a {
		color: #1890ff;
		color: var(--color);
		font-size: 12px;
	}

	.mod-breadcrumb a:hover {
		text-decoration: underline;
	}

	.mod-breadcrumb i {
		font-size: 12px;
		color: #666;
		font-weight: 400;
		font-style: normal;
	}

	.mod-breadcrumb i {
		color: #999;
	}

	.article-items span {
		font-size: 12px;
		color: #666;
	}

	/* 面包屑导航end */

	/* 热门文章start */
	.hot_rticles ul {
		padding: 2px 0 0 3px;
	}
	.hot_rticles ul li {
		padding: 10px 0;
		margin-bottom: 0;
		border-left: 3px solid transparent;
		margin-left: -3px;
		transition: all 0.5s;
		box-sizing: content-box;
	}

	.hot_rticles ul li:hover {
		background-color: #fafff8;
		border-left-color: #81c53f;
	}

	.hot_rticles ul li:last-of-type {
		border-bottom: 0;
	}

	.hot_rticles ul li a:nth-of-type(1) {
		width: 105px;
		height: 65px;
		float: left;
		margin-left: 12px;
		border-radius: 2px;
		position: relative;
	}

	.hot_rticles ul li .hot_text {
		width: 190px;
		height: 65px;
		float: right;
		margin-right: 15px;
		position: relative;
	}

	/*.p1{ word-break:break-all; width:150px;}/*只对英文起作用，以字母作为换行依据*/

	/*.p2{ word-wrap:break-word; width:150px;}/*--只对英文起作用，以单词作为换行依据*/

	/*.p3{white-space:pre-wrap; width:150px;}/*只对中文起作用，强制换行*/

	/*.p4{white-space:nowrap; width:10px;}/*强制不换行，都起作用*/

	/*.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}／/*不换行，超出部分隐藏且以省略号形式出现*/

	.hot_rticles ul li .hot_text .hot_title {
		overflow: visible;
		width: 100%;
		height: 42px;
		line-height: 20px;
		word-wrap: break-word;
		word-break: break-all;
		margin-left: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		white-space: normal;
	}

	.hot_rticles ul li .hot_text .hot_time {
		width: 100%;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		color: #aaa;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.hot_rticles ul li .hot_text .hot_time span {
		color: #aaa;
		font-size: 12px;
		float: right;
		line-height: 20px;
	}

	.hot_time i.iconfont {
		font-size: 12px;
		color: #e0e0e0;
		position: static;
		margin: 0 2px;
		transform: scale(0.9);
		display: inline-block;
	}

	.hot_rticles ul li img {
		width: auto!important;
		height: auto!important;
		max-width: 100%;
		position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	}

	.hot_rticles .widget-title {
		margin-bottom: 0;
	}

	/* 热门文章end */

	/* 针对傻逼畅言广告屏蔽start */

	#feedAv,
	#pop_ad,
	#MZAD_POP_PLACEHOLDER {
		margin-top: -200px !important;
		transform: scale(0);
		display: none !important;
	}

	/* 针对傻逼畅言广告屏蔽end */

	/* 首页3d轩枫导航start */
	.mod-index__feature {
		width: 100%;
	}

	.mod-index__feature * {
		color: #fff;
	}

	.mod-index__feature .img_list_6pic {
		overflow: visible;
		width: 100%;
		float: left;
		left: 0;
		transform: rotate(0deg);
	}

	.mod-index__feature .img_list_3pic {
		left: 710px;
	}

	.mod-index__feature .img_list_1pic {
		left: 1420px;
	}

	.mod-index__feature .img_list_6pic .img_box,
	.mod-index__feature .img_list_6pic .img_box img {
		width: 310px;
		height: 180px;
	}

	.mod-index__feature .img_box {
		float: left;
		position: relative;
		overflow: hidden;
		margin-right: 2px;
	}

	.mod-index__feature .img_box a:hover {
		text-decoration: none;
	}

	.mod-index__feature .img_bg,
	.mod-index__feature .img_txt {
		width: 100%;
		height: 35px;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.mod-index__feature .img_box .light {
		cursor: pointer;
		position: absolute;
		left: -100px;
		top: 0;
		width: 180px;
		height: 180px;
		background-image: -webkit-linear-gradient(
			0deg,
			hsla(0, 0%, 100%, 0),
			hsla(0, 0%, 100%, 0.5),
			hsla(0, 0%, 100%, 0)
		);
		transform: skewx(-25deg);
		-o-transform: skewx(-25deg);
		-moz-transform: skewx(-25deg);
		-webkit-transform: skewx(-25deg);
	}

	.mod-index__feature .img_box:hover .light {
		left: 250px;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}

	.mod-index__feature .img_bg {
		filter: alpha(opacity=70);
		opacity: 0.7;
		background: #000;
	}

	.mod-index__feature .img_txt p {
		padding: 0 17px;
		color: #b3b3b3;
		font-size: 12px;
	}

	.mod-index__feature .img_txt .img_title {
		font-size: 12px;
		padding-top: 8px;
		font-family: STHeiti, Microsoft Yahei, 微软雅黑, Arial, sans-serif;
		color: #fff;
	}

	.mod-index__feature .img_title a,
	.mod-index__feature .img_title a:hover {
		color: #fff;
	}

	.mod-index__feature .small_pic_wrap {
		height: 85px;
		width: 110px;
		float: left;
		display: block;
		margin: 0 0 10px 12px;
		position: relative;
		color: #fff;
		font-family: STHeiti, Microsoft Yahei, 微软雅黑, Arial, sans-serif;
	}

	.mod-index__feature .small_pic_wrap_long {
		width: 160px;
	}

	.mod-index__feature .small_pic_wrap .carousel_small_str {
		display: none;
		cursor: pointer;
		position: absolute;
		height: 85px;
		width: 110px;
		background-image: url('../images/min_nav_bg.png');
		background-repeat: no-repeat;
		top: 0;
		left: 0;
	}

	.mod-index__feature .small_pic_wrap .carousel_small_pic {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.mod-index__feature .word_display {
		z-index: 1;
	}

	.mod-index__feature .word_display .carousel_small_pic {
		display: none;
	}

	.mod-index__feature .word_display .carousel_small_str {
		display: block;
	}

	.mod-index__feature .small_pic_wrap_long .carousel_small_str {
		width: 160px;
	}

	.mod-index__feature .small_pic_wrap:hover {
		color: #fff;
		text-decoration: none;
	}

	.mod-index__feature .img_txt_title {
		font-size: 24px;
		line-height: 34px;
		margin: 5px 0 0 8px;
		width: 150px;
	}

	.mod-index__feature .img_p {
		font-size: 14px;
		margin-left: 8px;
		width: 150px;
		color: #fff;
	}

	.mod-index__feature .small_pic_wrap .txt_bg01 {
		background-position: 0 0;
	}

	.mod-index__feature .small_pic_wrap .txt_bg02 {
		background-position: 0 -105px;
	}

	.mod-index__feature .small_pic_wrap .txt_bg03 {
		background-position: 0 -210px;
	}

	.mod-index__feature .small_pic_wrap .txt_bg04 {
		background-position: 0 -315px;
	}

	.mod-index__feature .small_pic_wrap .txt_bg05 {
		background-position: 0 -420px;
	}

	.mod-index__feature .small_pic_wrap .txt_bg06 {
		background-position: 0 -514px;
	}

	/* 大图 */
	.mod-index__feature .small_pic_wrap_long .txt_bg01 {
		background-position: 0 -210px;
	}

	/* .mod-index__feature .small_pic_wrap_long .txt_bg01 {
    background-position: 0 -315px;
  } */

	.mod-index__feature .img_list_6pic .carousel_pic_wrap .carousel_small_str,
	.mod-index__feature .img_list_6pic .word_display .carousel_small_pic,
	.mod-index__feature .img_list_6pic .word_display .carousel_small_str {
		display: block;
	}

	.mod-index__feature .img_list_6pic .carousel_pic_wrap {
		perspective: 10000px;
		transform-style: preserve-3d;
		transition: transform 0.5s;
	}

	.mod-index__feature .img_list_6pic .carousel_small_pic,
	.mod-index__feature .img_list_6pic .carousel_small_str {
		transition: all 0.5s;
	}

	.mod-index__feature .img_list_6pic .carousel_small_pic {
		transform: translateZ(40px);
	}

	.mod-index__feature .img_list_6pic .carousel_small_str {
		transform: rotateX(-90deg) translateZ(42px);
	}

	.mod-index__feature .img_list_6pic .word_display {
		transform: translateZ(0) rotateX(89.99deg);
	}

	.mod-index__feature .unsupport3d .img_list_6pic .carousel_pic_wrap .carousel_small_str,
	.mod-index__feature .unsupport3d .img_list_6pic .word_display .carousel_small_pic,
	.mod-index__feature .unsupport3d .img_list_6pic .word_display .carousel_small_str {
		display: none;
	}

	.mod-index__feature .unsupport3d .img_list_6pic .word_display .carousel_small_str {
		display: block;
	}

	.mod-index__feature .unsupport3d .img_list_6pic .carousel_pic_wrap {
		transform-style: flat;
		transition: transform 0s;
	}

	.mod-index__feature .unsupport3d .img_list_6pic .carousel_small_pic,
	.mod-index__feature .unsupport3d .img_list_6pic .carousel_small_str {
		transition: all 0s;
	}

	.mod-index__feature .unsupport3d .img_list_6pic .carousel_small_pic {
		transform: translateZ(0);
		display: block;
	}

	.mod-index__feature .unsupport3d .img_list_6pic .carousel_small_str {
		transform: rotateX(0deg) translateZ(0);
	}

	.mod-index__feature .unsupport3d .img_list_6pic .word_display {
		transform: translateZ(0) rotateX(0deg);
	}

	/* 首页3d轩枫导航end */

	/* 留言板寄语start */
	.leaving_message h1 {
		text-align: center;
		color: #666;
		font-size: 20px;
		font-weight: normal;
		border-bottom: 1px solid #f0f2f7;
		padding: 20px 0 15px;
		margin-bottom: 20px;
	}
	.leaving_message p {
		font-size: 14px;
		text-indent: 2em;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.leaving_message p a {
		font-size: 14px;
		color: #1890ff;
		color: var(--color);
	}
	/* 留言板寄语end */

	/*comments留言评论框*/
	.comment {
		background: #f0f2f7;
		margin: 15px 0;
		padding: 10px 15px;
	}
	#comments .comment_title {
		font-size: 16px;
		color: #666;
		border-bottom: 1px solid #f0f2f7;
		padding: 15px 0 10px;
		position: relative;
	}

	#comments .comment_title:after {
		content: '';
		display: block;
		width: 100px;
		height: 2px;
		background: #1890ff;
		background: var(--color);
		position: absolute;
		left: 0;
		bottom: -1px;
	}

	#comments .comment_title .iconfont {
		margin: 0 5px 0 10px;
	}

	#comments .respond .login_success {
		text-align: center;
		border-bottom: 1px solid #f1f1f1;
		background: #f0f2f7;
		padding: 5px 0;
	}
	#comments .respond .login_success a {
		color: #1890ff;
		color: var(--color);
	}
	.commentlist {
		padding-left: 40px;
	}

	.not_message {
		text-align: center;
		margin-top: 20px;
	}

	.commentlist li + .not_message {
		display: none;
	}

	.commentlist .media {
		padding: 10px 15px 0;
		/* background: #f0f2f7; */
		/* border-bottom: 1px solid #eee; */
		/* border-bottom: 1px dashed #eee; */
	}

	.commentlist .children .media {
		padding: 10px 15px 0;
	}

	.commentlist .children .comment {
		padding: 0;
		margin: 0;
	}

	.commentlist > .comment {
		background: #f0f2f7;
		margin: 15px 0;
		padding: 10px 15px;
	}
	.commentlist ol {
		padding-left: 40px;
		list-style: none;
	}

	.comment .media-left {
		display: table-cell;
		vertical-align: top;
		padding-right: 10px;
		/* transform: translateX(-23px); */
	}

	.comment .media-body {
		display: table-cell;
		vertical-align: top;
	}

	.commentlist .author_name,
	.commentlist .author_name a {
		font-size: 16px;
	}

	.system_box {
		display: inline-block;
		transform: translateY(-2px);
	}

	.comment .media-body .system {
		margin-left: 4px;
		vertical-align: initial;
		padding: 2px 4px;
		border-radius: 3px;
		font-size: 12px;
		color: #fff;
		font-weight: 300;
		background: linear-gradient(90deg, #5087ec, #d95040, #f2bd42);
	}

	.comment .media-body .browser {
		vertical-align: initial;
		padding: 2px 4px;
		background: linear-gradient(90deg, #fc5c7d, #6a82fb);
		border-radius: 3px;
		color: #fff;
		font-weight: 300;
		font-size: 12px;
	}

	.comment .media-body p {
		font-size: 14px;
		color: #777;
		padding: 10px 0 6px;
	}
	.comment .media-body .wp-smiley {
		height: auto !important;
		max-height: 1.5em !important;
		vertical-align: sub;
	}
	.comment .comment-metadata {
		width: calc(100% - 50px);
		margin: 2px auto 6px;
	}
	.comment .comment-metadata span {
		font-size: 12px;
		color: #bbb;
	}

	.comment .comment-metadata span.comment-btn-reply a:hover {
		color: #bf1520;
		text-decoration: underline;
		font-size: 12px;
	}

	.comment .comment-metadata span.comment-btn-reply a {
		color: #bbb;
		font-size: 12px;
	}

	.commentlist li.comment {
		position: relative;
	}

	#reply-title #cancel-comment-reply-link:hover {
		text-decoration: underline;
	}

	.warning-text {
		color: #999;
		position: absolute;
	}

	.warning-text a {
		color: #1890ff;
		color: var(--color);
	}

	.warning-text .link-logout {
		color: #1890ff;
		color: var(--color);
	}

	.link-logout {
		color: #999;
	}

	.comment-navigation {
		width: 100%;
		margin: 0 auto;
		padding: 15px 0;
		text-align: center;
	}

	.comment-navigation .page-numbers {
		display: inline-block;
		padding: 9px 16px;
		color: #999;
		background: #f1f1f1;
	}

	.comment-navigation .page-numbers:hover {
		background: #e8e8e8;
		color: #666;
	}

	.commentform-info {
		float: left;
		width: calc(100% - 80px);
	}
	.commentform-info label {
		width: 32%;
		margin-right: 7px;
	}
	.commentform-info input {
		border: 0;
		border-radius: 4px;
		box-shadow: none;
		background: #f0f2f7;
		font-weight: normal;
		transition: background 0.5s;
		outline: none;
		border-radius: 4px;
	}

	.commentform-info input:focus:-moz-input-placeholder {
		color: #fff;
	}

	.commentform-info input:focus::-moz-input-placeholder {
		color: #fff;
	}

	.commentform-info input:focus::-webkit-input-placeholder {
		color: #fff;
	}

	.commentform-info input:focus:-ms-input-placeholder {
		color: #fff;
	}

	.commentBtn .btn:hover {
		opacity: 0.8;
	}

	input#submit {
		color: #fff;
		border-radius: 4px;
		cursor: pointer;
	}

	#comments {
		line-height: 1;
		font-size: 15px;
		line-height: 1.8em;
	}

	.comments-title {
		position: relative;
		padding: 7px 0;
		color: #666;
		border-bottom: 1px solid #f1f1f1;
		margin-top: 10px;
		text-align: center;
		background: #f0f2f7;
	}

	.comment-navigation {
		width: 100%;
		margin: 0 auto;
		padding: 15px 0;
		text-align: center;
		display: none;
	}

	#reply-title {
		font-size: 14px;
		border-bottom: 0;
		color: #999;
		position: relative;
	}

	#reply-title a{
		color: #999;
	}

	#reply-title small a {
		color: #1890ff;
		color: var(--color);
	}

	textarea#comment {
		margin: 10px 0;
		background: #f0f2f7;
		color: #777;
		border: 0;
		box-shadow: none;
		padding: 10px;
		border-radius: 5px;
		transition: background 0.3s;
		outline: none;
		height: 100px;
	}

	.commentform-info {
		float: left;
	}

	label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
		font-weight: 700;
	}

	.commentform-info label {
		margin-bottom: 0;
	}

	.form-control {
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
	}

	.btn-group,
	.btn-group-vertical {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}

	.commentBtn .btn {
		padding: 8px 15px;
		text-align: center;
		background: #1890ff;
		background: var(--color);
		color: #fff;
		border: 0;
		font-size: 12px;
	}

	.commentBtn[role='group'] {
		float: right;
	}

	.btn-group > .btn:first-child {
		margin-left: 0;
	}

	.children a.action {
		margin-right: 5px;
		border-radius: 3px;
		color: #9466ff;
	}

	.comment .media-left img {
		width: 50px;
		height: 50px;
		margin-left: -55px;
		border-radius: 4px;
	}

	#commentform {
		overflow: hidden;
		position: relative;
	}

	#commentform .iconfont {
		position: absolute;
		bottom: 50px;
		left: 8px;
		cursor: pointer;
	}

	/* 评论框end */

	/* 侧边栏最新留言start */

	#primary-sidebar ul {
		list-style: none;
		padding: 0px 15px 0px 15px;
	}

	#primary-sidebar ul li {
		overflow: hidden;
		padding: 5px 0px 5px 11px;
		line-height: 15px;
	}

	#primary-sidebar ul:after,
	.widget:not('.friendship') ul:before {
		display: table;
		content: '';
		line-height: 0;
	}

	#primary-sidebar ul li a,
	#primary-sidebar ul li p {
		padding: 2px 5px 8px 0px;
		border-bottom: 1px solid #eee;
		font-size: 14px;
		float: right;
		line-height: 18px;
		width: calc(100% - 40px);
		text-align: justify;
		text-align-last: left;
	}

	#primary-sidebar ul li a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-top: 4px;
		border-bottom: 1px dashed #e9eaed;
	}

	#primary-sidebar ul li:last-of-type a {
		border-bottom: none;
	}

	#primary-sidebar ul li p {
		border: 0;
		padding: 5px 0 0;
		font-size: 12px;
		color: #666;
	}

	#primary-sidebar ul:after {
		clear: both;
	}

	#primary-sidebar ul li img:not(.wp-smiley) {
		float: left;
		width: 40px;
		height: 40px;
		border-radius: 4px;
		vertical-align: middle;
		margin-left: -10px;
		margin-right: 10px;
	}

	#primary-sidebar ul li img.wp-smiley {
		vertical-align: sub;
	}

	#primary-sidebar ul li img + span {
		font-size: 12px;
		color: #aaa;
	}

	.text-muted {
		color: #777;
	}

	#primary-sidebar a.avatar:hover {
		background-color: #fbfbfb;
		border-bottom-color: #ddd;
	}

	.comment_vip a {
		width: 16px;
		height: 14px;
		display: inline-block;
		background-position: -147px -70px;
		background-image: url(../images/vip.png);
	}

	.comment_vip a.vp {
		background-position-y: -220px;
	}

	.comment_vip a.vip2 {
		background-position-y: -95px;
	}

	.comment_vip a.vip3 {
		background-position-y: -120px;
	}

	.comment_vip a.vip4 {
		background-position-y: -145px;
	}

	.comment_vip a.vip5 {
		background-position-y: -170px;
	}

	.comment_vip a.vip6 {
		background-position-y: -195px;
	}

	.comment_vip a.vip7 {
		background-position-y: -220px;
	}

	/* 侧边栏最新留言end */

	/* ajax loading动画start */

	@keyframes k-loadingO {
		0%,
		100% {
			transform: translate(0);
		}

		25% {
			transform: translate(160%);
		}

		50% {
			transform: translate(160%, 160%);
		}

		75% {
			transform: translate(0, 160%);
		}
	}

	#loading {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
		left: 0;
		z-index: 10000;
		display: none;
	}

	.k-ball-holder {
		width: 45px;
		height: 45px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}

	.k-ball7a {
		border: 0;
		margin: 0;
		width: 16px;
		height: 16px;
		position: absolute;
		border-radius: 50%;
		animation: k-loadingO 2s ease infinite;
		background: #19a68c;
		animation-delay: -1.5s;
	}

	.k-ball7b {
		border: 0;
		margin: 0;
		width: 16px;
		height: 16px;
		position: absolute;
		border-radius: 50%;
		animation: k-loadingO 2s ease infinite;
		background: #f63d3a;
		animation-delay: -1s;
	}

	.k-ball7c {
		border: 0;
		margin: 0;
		width: 16px;
		height: 16px;
		position: absolute;
		border-radius: 50%;
		animation: k-loadingO 2s ease infinite;
		background: #fda543;
		animation-delay: -0.5s;
	}

	.k-ball7d {
		border: 0;
		margin: 0;
		width: 16px;
		height: 16px;
		position: absolute;
		border-radius: 50%;
		animation: k-loadingO 2s ease infinite;
		background: #193b48;
	}

	/* ajax loading动画end */

	/* 随机背景颜色start */
	.continar-right .color-1 {
		background: #f3a683;
	}

	.continar-right .color-2 {
		background: #778beb;
	}

	.continar-right .color-3 {
		background: #e77f67;
	}

	.continar-right .color-4 {
		background: #f5cd79;
	}

	.continar-right .color-5 {
		background: #0fb9b1;
	}

	.continar-right .color-6 {
		background: #f8a5c2;
	}

	.continar-right .color-7 {
		background: #596275;
	}

	.continar-right .color-8 {
		background: #20bf6b;
	}

	/* 随机背景颜色end */

	/* 底部悬浮窗start */
	.login_alert {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		z-index: 9999;
	}

	.login_alert_close {
		position: absolute;
		top: -12px;
		right: 0;
		z-index: 1;
		cursor: pointer;
		background-color: rgba(0, 0, 0, 0.6);
		border-radius: 100%;
		padding: 5px;
		width: 24px;
		height: 24px;
		line-height: 24px;
	}

	.login_alert_close .iconfont {
		color: #fff;
		text-align: center;
		margin: -1px 0 0 -1px;
		display: block;
	}

	.login_alert_box {
		background-color: rgba(0, 0, 0, 0.6);
		height: 80px;
		width: 100%;
		text-align: center;
	}

	.login_alert_box div {
		color: #fff;
		font-size: 24px;
		line-height: 80px;
		cursor: default;
	}

	.login_alert_box div a {
		text-decoration: none;
		display: inline-block;
		padding: 5px 15px;
		font-size: 20px;
		line-height: 26px;
		border-radius: 4px;
	}

	.login_alert_box div a:nth-of-type(1) {
		color: #fff;
		background: #1890ff;
		background: var(--color);
		margin-left: 5px;
	}

	.login_alert_box div span {
		font-size: 18px;
		color: #fff;
	}

	.login_alert_box .register {
		color: #333;
		background-color: #999;
	}
	/* 底部悬浮窗end */

	/* 针对IE9做兼容处理 */
	.nav ul li a span:nth-of-type(2),
	.mod-index__feature .img_list_6pic .word_display .carousel_small_pic,
	.footer:after {
		display: none\9;
	}
}
